在上一篇文章中我记录了Android原生接入React Native的一些知识点，那么接入开发完毕之后就需要打包生成正式apk文件，本篇文章就开始介绍如何打包。
先说明一下，平时开发RN的时候，首先需要
react-native start开启服务，然后通过react-native run-android就安装到手机或者模拟器了，然后也能运行。但是这里打的测试包其实不包含js代码，而是通过连接js Server来显示的。但是正式打包肯定不能这么干，所以相比较而言RN这种打包apk与我们平时Android打包，区别就在于RN要把js那部分打包进去。然后网上有很多关于RN打包生成apk的文章，说的也很好，比如【React Native开发】React Native进行签名打包成Apk(5)这篇文章。但是呢，其实这些文章记录的跟我的情况还不一样，我的是Android原生接入RN，而大部分文章写的是RN工程包含android，然后打包生成apk文件。所以，整个工程的结构都不一样，因此我也是尝试很多次才打包成功。。
步骤如下：
工程配置如下：
MYAPP_RELEASE_STORE_FILE=youdo.jks
MYAPP_RELEASE_KEY_ALIAS=qndroid
MYAPP_RELEASE_STORE_PASSWORD=rzq123456
MYAPP_RELEASE_KEY_PASSWORD=rzq123456
- 在moudle的gradle的文件下，进行如下配置：
// 配置签名文件
signingConfigs {
release {
storeFile file("youdo.jks")
storePassword "rzq123456"
keyAlias "qndroid"
keyPassword "rzq123456"
}
}
buildTypes {
release {
minifyEnabled false
proguardFiles getDefaultProguardFile('proguard-android.txt'),'proguard-rules.pro'
signingConfig signingConfigs.release
}
}
- 生成签名包 由于是Android接入RN的，所以不存在react.gradle文件，接下来需要在main目录下生成assets文件，然后生成index.android.bundle文件放在这个文件夹下，在android studio的Terminal进行以下操作：
step 1: mkdir -p app/src/main/assets (在main目录下生成assets)
step 2: curl -k “http://localhost:8081/index.android.bundle” >app/src/main/assets/index.android.bundle (生成index.android.bundle)
step 3：./gradlew assembleRelease （打包生成apk文件，注意以上操作均在 Android工程的根目录 ，如果命令行打包卡住，用as的图形化界面打包试试）
到此为止，Android接入RN 项目的apk文件就生成了， 但是具体项目中其实还是需要多渠道打包的，可以统计各个渠道app的下载量，一般用友盟统计的比较多吧，下面介绍一些多渠道打包的配置：
- 首先在AndroidManifest.xml的application下添加 :
<Meta-data android:name="UMENG_CHANNEL" android:value="${UMENG_CHANNEL_VALUE}" />
// 多渠道设置
productFlavors {
kuan {}
xiaomi {}
qh360 {}
baidu {}
wandoujia {}
}
productFlavors.all {
flavor -> flavor.manifestPlaceholders = [UMENG_CHANNEL_VALUE: name]
}
buildTypes {
release {
minifyEnabled false
proguardFiles getDefaultProguardFile('proguard-android.txt'),'proguard-rules.pro'
signingConfig signingConfigs.release
}
}
- 配置完成之后，就需要打包了，可以重复上面的那个打包步骤，命令行或者as的图形化界面打包都是可以的
总结说明
对比下来，Android接入RN之后，跟以前原生的Android工程打包唯一的不同点就是需要将js打包进来，也就是在打包之前需要额外的生成index.android.bundle文件。官网以及其他的文章介绍中生成这个文件的命令不同，比如其他地方生成这个文件的命令是
curl -k "http://localhost:8081/index.android.bundle" >android/app/src/main/assets/index.android.bundle,我们这个工程生成这个文件的命令是curl -k "http://localhost:8081/index.android.bundle" >android/app/src/main/assets/index.android.bundle,那是因为我们这个项目结构跟他们的不一样，这个是Android接入RN，其实本质都是一样的，只要找对文件的位置就ok了。
