React Native Android端多环境自动打包

1、技术环境搭建

• Android SDK

  1. 通过comdline-tools 管理SDK
  2. 配置环境变量
  3. 安装需要的SDK

  常用命令行

  1. 列举所有组件：sdkmanager --list
  2. 下载指定版本：sdkmanager “platform-tools” “platforms;android-23” build-tools;30.0.3"

• Gradle

• JDK

• Node

2、配置Android构建参数。

• 在build.gradle中配置环境

// 配置js入口文件
project.ext.react = [
        entryFile       : "index.js",
        releaseEntryFile: "index.release.js",
]

// 配置多环境构建参数
buildTypes {
        release {
            ...
            signingConfig signingConfigs.release
            minifyEnabled enableProguardInReleaseBuilds
            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
        }
        preRelease {
           ...
            applicationIdSuffix ".test"
            signingConfig signingConfigs.release
            minifyEnabled enableProguardInReleaseBuilds
            matchingFallbacks = ['preRelease', 'release', 'debug']
            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
        }
        debug {
           ...
            signingConfig signingConfigs.release
            applicationIdSuffix ".debug"
        }
    }

• 修改react.gradle中的打包命令

// 在jsBundle打包之前，根据环境变量配置对应的js文件入口
if(targetName.toLowerCase().equals("release")){
	entryFile= config.releaseEntryFile?: "index.js"
} else {
	entryFile="index.js"
}

3、编辑复制文件到指定位置的脚本

autoPackage.sh

#!/bin/sh

# 预先定义对应的环境变量
envionmentVariables(){
	#安卓项目工程路径
	android_project_path="D:\gerrit\workspace\Traffic\pmcloud-android-rn\android"
	# 安卓apk目录路径
	apk_dir_path="$android_project_path/app/build/outputs/apk"
	# apk 路径
	apk_debug_path="$apk_dir_path/debug/app-debug.apk"
	apk_preRelease_path="$apk_dir_path/preRelease/app-preRelease.apk"
	apk_release_path="$apk_dir_path/release/app-release.apk"
	# 安装文件最终存储路径
	output_path="D:\marui\download\files"
}

apkBuild(){
	# 删除老的apk
	rm -rf $apk_debug_path
	rm -rf $apk_preRelease_path
	rm -rf $apk_release_path

	cd "$android_project_path"
	pwd
	sleep 1
	# 执行安卓打包脚本
	echo " ----clear start----"
	./gradlew clear
	echo " ----build start----"
	./gradlew build
	# 检查apk文件是否存在
	if [ -f "$apk_debug_path" ]; then
	echo "----build success(debug)----"
	sleep 1
	else
	echo "----build failed(debug)----"
	exit 1
	fi

	if [ -f "$apk_preRelease_path" ]; then
	echo "----build success(preRelease)----"
	sleep 1
	else
	echo "----build failed(preRelease)----"
	exit 1
	fi

	if [ -f "$apk_release_path" ]; then
	echo "----build success(release)----"
	sleep 1
	else
	echo "----build failed(release)----"
	exit 1
	fi
}

copyFiles(){
	echo "复制结果文件到下载目录"	
	robocopy "$apk_dir_path/debug" "$output_path" "app-debug.apk"
	robocopy "$apk_dir_path/preRelease" "$output_path" "app-preRelease.apk"
	robocopy "$apk_dir_path/release" "$output_path" "app-release.apk"
	echo "复制完成"	
	# echo xcopy 
}

envionmentVariables
#apkBuild
copyFiles

4、Jenkins创建工程

在公司的jenkins（https://ci.yonyou.com/）上创建项目。其中重要的是构建步骤的配置如下：

1. 执行windows批处理命令：yarn

2. 执行windows批处理命令：git reset --hard

3. Invoke Gradle script：Use Gradle Wrapper、Wrapper location（ ${workspace}/android/）、Tasks（build）

4. 执行windows批处理命令：

   cd D:\marui
   sh autoPackage.sh
   

5、下载nginx，配置相关参数、HTTPS证书

6、写iOS下载配置文件plist

ios.plist

	items
	
		
			assets
			
				
					kind
					software-package
					url
					// ios包的下载地址
					https://ygccs.yonyoucloud.com/files/app-ios-release.ipa
				
			
			metadata
			
				bundle-identifier
				// 项目id
				com.yonyou.engineerCloud
				bundle-version
				3.3.0
				kind
				software
				title
				友工程
			
		
	

7、编写下载页面

    
    
    
    

    


    

        
友工程app下载
        
Android 开发包
        
Android 测试包
        
Android 正式包
		

        
iOS 测试包
        
iOS 正式包
		

        
数字体验馆Android包
    
    

9、将下载页面、文件下载路径配置到nginx的配置文件中

10、启动nginx