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 FilesJavajdkx.x.x_xin),你可能需要在命令行中先进入那个目录才能执行此命令。

$ 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

以一颗童心善待生活
原文地址:https://www.cnblogs.com/lizhilin2016/p/6743350.html