ReactNative打离线包-Android篇

离线包就是把RN和js文件、图片等资源都打包放入app，不需要走网络下载。

1、生成签名文件

使用 Android studio 进行签名

如果已有签名文件可以选择使用已有的，没有点击新建

红框内的为必填项

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

2、添加签名到应用的gradle配置中

把你的签名文件sdwan.jks放到你工程中的android/keystores/文件夹下。

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

   signingConfigs {
        releaseConfig {
            storeFile file('../keystores/sdwan.jks')
            storePassword 'sdwan123'
            keyAlias 'sdwan'
            keyPassword '123456ok'
        }
    }
    ...
    buildTypes {
        release {
            ...
            signingConfig signingConfigs.releaseConfig
        }
    }

3、打包命令说明

react-native bundle

Options:

--entry-file Path to the root JS file, either absolute or relative to JS root [required]

--platform Either "ios" or "android"

--transformer Specify a custom transformer to be used (absolute path) [default: "/Users/babytree-mbp13/projects/xcodeProjects/AwesomeProject/node_modules/react-native/packager/transformer.js"]

--dev If false, warnings are disabled and the bundle is minified [default: true]

--prepack If true, the output bundle will use the Prepack format. [default: false]

--bridge-config File name of a a JSON export of __fbBatchedBridgeConfig. Used by Prepack. Ex. ./bridgeconfig.json

--bundle-output File name where to store the resulting bundle, ex. /tmp/groups.bundle [required]

--bundle-encoding Encoding the bundle should be written in (https://nodejs.org/api/buffer.html#buffer_buffer). [default: "utf8"]

--sourcemap-output File name where to store the sourcemap file for resulting bundle, ex. /tmp/groups.map

--assets-dest Directory name where to store assets referenced in the bundle

--verbose Enables logging [default: false]

打包步骤

1、在工程根目录下执行打包命令：react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.jsbundle --assets-dest android/app/src/main/res/

2、
打包并安装:
cd android && ./gradlew installRelease
只打包:
cd android && ./gradlew assembleRelease ---生产包
cd android && ./gradlew assembleDebug ---测试包

注意：RN0.5以后自动打包，只需要做步骤2就可以了