RN打包的那些坑儿

Write By lz:

Lz 寄语: RN虐我千百遍, 我待RN如初恋, 坑儿爬多了也就自然了

官方文档: http://reactnative.cn/docs/0.43/signed-apk-android.html#content

集精荟萃: 命令集合:

• Cmd  打开命令行
• Cd /  C盘根目录
• Cd E: 进入目标盘符
• Cd E:/..   进入具体项目根目录
• Npm init 创建一个空的node模块, 其实就是package.json 描述文件
• Npm install --save react react-native  创建node_modules目录病吧react和react-native下载到里面
• Npm start
• Mkdir -p Android/aopp/src/main/assets c   在根目录执行, 创建assets 文件
• React-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res   在根目录执行,生成bundle 文件

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/com/your-company-name/app-package-name/src/main/assets/index.android.bundle --assets-dest android/com/your-company-name/app-package-name/src/main/res/

• Cd android && gradlew assembleRelease 在根目录执行, 生成发型apk文件

也可以直接  gradlew assembleRelease 在Android目录执行, 生成发型apk文件

• Cd android && gradlew installRelese  测试应用的发型版本, 在发布前建议先测试(同上)

1) 打包RN项目, 有两种方式, 一种是直接使用Android Studio 打包, 这是我在此要说的; 另一种是使用官方文档说的在doc 命令行下打包, 这两种方法出现的问题大同小异;

2) 说说我碰到的那些坑儿

a) 第一个问题: 模拟器和真机闪退 -->  react.gradle doesn't create index.android.bundle

1. 参考网址: https://www.zhihu.com/question/41363194 一说是将gradle.properties里面修改org.gradle.configureondemand=true 配置

直接去掉此句, 就可正常生成index.android.budle 文件

但是lz 亲测无效, 不知是否是lz 哪里弄错了

1. 参考网址: 无法复制, 报违禁尴尬.....  手动生成, 但是需要注意:

每次修改JS文件, 就需要再次手动生成

(1)在工程目录下面新建assets 文件夹, 可以手动新建也可以在根目录执行

mkdir -p Android/app/src/main/assets 代码生成

(2)生成Bundle文件, 此命令需要在根目录执行

React-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

(3)此时已经生成Bundle文件, 可以在工程assets 目录下查看

b) 第二个问题: 模拟器可以正常运行, 但是真机闪退

PS: lz 在此处犯了个213的错, 竟然没想到直接把手机插在电脑上查看真机错误报错日志, 在此特别感谢 @ 小不 的提醒, 以及后面问题解决提供的建议

报错: 找不到so 文件, 查看之后发现竟然是.so文件要求是32位的, 但是加载却是64位的

参考网址: http://blog.csdn.net/chichengjunma/article/details/53815299

解决方法就是取消掉所有的64位的.so文件，全部加载32位的就可以了，下面是步骤

1.在项目的根目录的 gradle.properties 里面添加一行代码  Android.useDeprecatedNdk=true.

2.在 build.gradle 文件里添加以下代码

[javascript] view plain copy

1. android {
2. ...
3. defaultConfig {
4. ...
5. ndk {
6. abiFilters "armeabi-v7a", "x86"
7. }
8. packagingOptions {
9. exclude "lib/arm64-v8a/librealm-jni.so"
10. }
11. }
12. }

附录: (该死的官方原文)

生成一个签名密钥

你可以用keytool命令生成一个私有密钥。在Windows上keytool命令放在JDK的bin目录中（比如C:\Program Files\Java\jdkx.x.x_x\bin），你可能需要在命令行中先进入那个目录才能执行此命令。

$ keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

这条命令会要求你输入密钥库（keystore）和对应密钥的密码，然后设置一些发行相关的信息。最后它会生成一个叫做my-release-key.keystore的密钥库文件。

在运行上面这条语句之后，密钥库里应该已经生成了一个单独的密钥，有效期为10000天。--alias参数后面的别名是你将来为应用签名时所需要用到的，所以记得记录这个别名。

注意：请记得妥善地保管好你的密钥库文件，不要上传到版本库或者其它的地方。

设置gradle变量

1. 把my-release-key.keystore文件放到你工程中的android/app文件夹下。
2. 编辑~/.gradle/gradle.properties（没有这个文件你就创建一个），添加如下的代码（注意把其中的****替换为相应密码）

注意：~表示用户目录，比如windows上可能是C:\Users\用户名，而mac上可能是/Users/用户名。

MYAPP_RELEASE_STORE_FILE=my-release-key.keystoreMYAPP_RELEASE_KEY_ALIAS=my-key-aliasMYAPP_RELEASE_STORE_PASSWORD=*****MYAPP_RELEASE_KEY_PASSWORD=*****

上面的这些会作为全局的gradle变量，我们在后面的步骤中可以用来给应用签名。

关于密钥库的注意事项:

一旦你在Play Store发布了你的应用，如果想修改签名，就必须用一个不同的包名来重新发布你的应用（这样也会丢失所有的下载数和评分）。所以请务必备份好你的密钥库和密码。

提示：如果你不想以明文方式保存密码，同时你使用的是macOS系统，那么你也可以把密码保存到钥匙串（Keychain）中。这样一来你就可以省略掉上面配置中的后两行（即MYAPP_RELEASE_STORE_PASSWORD和MYAPP_RELEASE_KEY_PASSWORD）。

添加签名到项目的gradle配置文件

编辑你项目目录下的android/app/build.gradle，添加如下的签名配置：

...

android {

...

defaultConfig { ... }

signingConfigs {

release {

storeFile file(MYAPP_RELEASE_STORE_FILE)

storePassword MYAPP_RELEASE_STORE_PASSWORD

keyAlias MYAPP_RELEASE_KEY_ALIAS

keyPassword MYAPP_RELEASE_KEY_PASSWORD

}

}

buildTypes {

release {

...

signingConfig signingConfigs.release

}

}

}

...

生成发行APK包

只需在终端中运行以下命令：

$ cd android && ./gradlew assembleRelease

译注：cd android表示进入android目录（如果你已经在android目录中了那就不用输入了）。./gradlew assembleRelease在macOS和Linux系统中表示执行当前目录下的名为gradlew的脚本文件，运行参数为assembleRelease，注意这个./不可省略；而在windows命令行下则需要去掉./。

Gradle的assembleRelease参数会把所有用到的JavaScript代码都打包到一起，然后内置到APK包中。如果你想调整下这个行为（比如js代码以及静态资源打包的默认文件名或是目录结构等），可以看看android/app/build.gradle文件，然后琢磨下应该怎么修改以满足你的需求。

生成的APK文件位于android/app/build/outputs/apk/app-release.apk，它已经可以用来发布了。

测试应用的发行版本

在把发行版本提交到Play Store之前，你应该做一次最终测试。输入以下命令可以在设备上安装发行版本：

$ cd android && ./gradlew installRelease

注意installRelease参数只能在你完成了上面的签名配置之后才可以使用。 你现在可以关掉运行中的packager了，因为你所有的代码和框架依赖已经都被打包到apk包中，可以离线运行了。

在debug和release版本间来回切换安装时可能会报错签名不匹配，此时需要先卸载前一个版本再尝试安装。

启用Proguard代码混淆来缩小APK文件的大小（可选）

Proguard是一个Java字节码混淆压缩工具，它可以移除掉React Native Java（和它的依赖库中）中没有被使用到的部分，最终有效的减少APK的大小。

重要：启用Proguard之后，你必须再次全面地测试你的应用。Proguard有时候需要为你引入的每个原生库做一些额外的配置。参见app/proguard-rules.pro文件。

要启用Proguard，设置minifyEnabled选项为true：

/**

* 在release发行版中启用Proguard来减小 to shrink the Java bytecode in release builds.

*/

def enableProguardInReleaseBuilds = true

Write by lz

2017-04-18