React-Native打包发布（Android）

深藏阁楼爱情的钟 2022-04-17 02:48 652阅读 0赞

阅读数：7579

**前言：一下搞原生app一下搞rn，搞rn的时候吧想着自己原生都还这么水，搞原生的时候吧觉得自己rn不敲就忘了，都有点力不从心了哈，不过还是加油吧～～～！！！**

下面说一下react－native怎么发布android apk

注意：

1、如果你是react-native整合到android项目的话，你可以先看看这篇文章，然后再往下走：

[如何把React Native嵌入到原生android应用中][React Native_android]

如果你是执行的：

react-native init AwesomeProject

命令的话，就直接往下走就可以了，因为rn都帮我配置好了一些android所需要的包跟环境了。

首先，生成app的签名文件，那么什么是签名文件呢？简单来说吧，就相当于你apk文件的一张身份证。

**一：生成app的keystore文件**

1、使用keytool命令生成证书：  
\-genkey

\-alias tomcat(别名)

\-keypass 123456(别名密码)

\-keyalg RSA(算法)

\-keysize 1024(密钥长度)

\-validity 365(有效期，天单位)

\-keystore D:/keys/tomcat.keystore(指定生成证书的位置和证书名称)

\-storepass 123456(获取keystore信息的密码)

例如：

keytool -genkey -alias demo.keystore -keyalg RSA -validity 40000 -keystore demo.keystore

执行完毕后会让你设置密码，设置完后回车：

![SouthEast][]

ls后可以看到目录下多了一个test.keystore文件。

2、通过Android Studio生成keystore文件

![SouthEast 1][]

![SouthEast 2][]

点击create new：

![SouthEast 3][]

点击ok之后，就可以看到生成的apk文件了。

二、找到/android/app/build.gradle这个文件，然后添加签名消息：

android {
    ....
    signingConfigs {
            releaseConfig {
                keyPassword '123123'
                storeFile file('/Users/leo/Desktop/test2.jks')
                keyAlias 'test'
                storePassword '123123'
            }
        }
         buildTypes {
            release {
                minifyEnabled true
                proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
                signingConfig signingConfigs.releaseConfig
            }
        }
        ....
    ｝

三、 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][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 --entry-file index.Android.js --bundle-output ./android/app/src/main/assets/index.android.jsbundle --platform android --assets-dest ./android/app/src/main/res/ --dev false

注意:  
1、\[./android/app/src/main/assets/\]文件夹必须存在，不存在就new一个assets文件夹，不然会报一个错误：

ENOENT: no such file or directory, open 'android/app/src/main/assets/index.android.bundle'

2、./android/app/这个路径一定要准确

执行完毕后：

![SouthEast 4][]

三、打包apk文件

到你rn项目的根目录下执行：

cd android && ./gradlew assembleRelease

![SouthEast 5][]

好啦～ 如果没有错的话，就说明apk文件打包完成了，然后到你的这个目录下：

/android/app/build/outputs/apk

可以看到：  
![SouthEast 6][]

选中的文件即为你需要发布的apk文件～～～

祝你好运～～～～～～～～

最后需要rn学习资料的童鞋可以联系我！！！ 不谢哈～～～

[React Native_android]: http://www.2cto.com/kf/201610/556830.html
[SouthEast]: /images/20220417/2330176d3a6d46a88974d1dee333c554.png
[SouthEast 1]: /images/20220417/9b4afa6b88b74929bdb91ef878348735.png
[SouthEast 2]: /images/20220417/facd64c33cee4fe78d647cae4b7f28a6.png
[SouthEast 3]: /images/20220417/58811de5a4bb4c2eb2e1b165ea9beaf8.png
[https_nodejs.org_api_buffer.html_buffer_buffer]: https://nodejs.org/api/buffer.html#buffer_buffer
[SouthEast 4]: /images/20220417/555aa3de7534436f8e082d80cb16d303.png
[SouthEast 5]: /images/20220417/aa9550d3f31b454198a103f54a0b1627.png
[SouthEast 6]: /images/20220417/036f6c534c0b42e1b2b9dd3b328ad9f0.png