React-Native之打包发布(Android)

流浪歌手看世界 發表於 2019-6-10 09:58:00

<h1 style="text-align: center">React-Native之打包发布(Android)</h1>
<h2>一,介绍与需求</h2>
 移动端打包发布到应用市场
<h2>二,发布配置</h2>
注意：以下所有操作都在win10下进行,React Native版本0.59.5,android-studio 版本 3.2
<img src="https://img2018.cnblogs.com/blog/1040068/201904/1040068-20190422152323948-1173191871.png" alt=""><img src="https://img2018.cnblogs.com/blog/1040068/201904/1040068-20190422154806275-1296688630.png" alt="">
<h3>1,生成签名</h3>
<div class="cnblogs_code">
<pre>1 keytool -genkey -v -keystore app.keystore -alias yingqi -keyalg RSA -keysize 2048 -validity 10000</pre>
</div>
附加说明：
-genkey    生成文件 
-keystore  文件名 
-alias         别名
-keyalg     加密算法
-validity    有效期（单位是天） 
输入如上命令以后,出现以下步骤：
<img src="https://img2018.cnblogs.com/blog/1040068/201904/1040068-20190422153051918-1463979112.png" alt="">
注意：输入密钥库口令【很重要，要记住】
生成的的keystore文件默认是在项目的根目录中,如下图所示:
 <img src="https://img2018.cnblogs.com/blog/1040068/201904/1040068-20190422153343274-1572504995.png" alt="">
<h3>2,在gradle文件中添加签名配置</h3>
把app.keystore文件放到你工程中的android/app文件夹下。
打开编辑项目目录下的android/app/build.gradle文件，添加如下的签名配置：
<div class="cnblogs_code">
<pre> 1 ...
 2 android {
 3 ...
 4 defaultConfig { ... }
 5 signingConfigs {
 6 release {
 7 keyAlias 'yingqi' //别名
 8 keyPassword '123456' //密钥密码之前设置秘钥口令
 9 storeFile file('app.keystore') //my-release-key.keystore文件的绝对路径
10 storePassword '123456' //存储密码
11 }
12 }
13 buildTypes {
14 release {
15 ...
16 minifyEnabled enableProguardInReleaseBuilds // 在当前文件中，找到变量 enableProguardInReleaseBuilds ,将其值修改为 true
17 signingConfig signingConfigs.release // 引用签名
18 }
19 }
20 }
21 ...</pre>
</div>
<h3> 3,修改应用名称</h3>
打开编辑项目目录下的android/app/src/main/res/values/strings.xml文件，修改名称
<img src="https://img2018.cnblogs.com/blog/1040068/201904/1040068-20190422155830495-1103904211.png" alt="">
<img src="https://img2018.cnblogs.com/blog/1040068/201904/1040068-20190422161722215-1775726614.jpg" alt="">
<h3> 4,修改应用icon</h3>
将如下文件夹中的icon替换成需要修改的图标即可,注意icon大小保持一致
<img src="https://img2018.cnblogs.com/blog/1040068/201904/1040068-20190422160146640-593371400.png" alt="">
<h3> 5,代码混淆</h3>
启用Proguard代码混淆来缩小APK文件的大小（保护源代码，缩小APK包大小） Proguard是一个Java字节码混淆压缩工具，它可以移除掉React Native Java (和它的依赖库中)中没有被使用到的部分，最终有效的减少APK的大小。 重要：每次启用Proguard之后，必须再次全面地测试你的应用。Proguard有时候需要为你引入的每个原生库做一些额外的配置。参见app/proguard-rules.pro文件。
在android/app/build.gradle文件中，找到enableProguardInReleaseBuilds然后修改def enableProguardInReleaseBuilds = true
<h3> 6,打包命令配置</h3>
<div class="cnblogs_code">
<pre>1 "scripts": {
2 "start": "node node_modules/react-native/local-cli/cli.js start",
3 "bundle-ios": "node node_modules/react-native/local-cli/cli.js bundle --entry-file index.js--platform ios --dev false --bundle-output ./ios/main.jsbundle --bundle-encoding utf8 --assets-dest ./ios",
4 "bundle-android": "cd ./android && ./gradlew assembleRelease",
5 "bundle-win-android": "cd android && gradlew assembleRelease",
6 "test": "jest"
7 },</pre>
</div>
运行打包与成功效果
<img src="https://img2018.cnblogs.com/blog/1040068/201904/1040068-20190422161219707-1384717362.png" alt="">
<img src="https://img2018.cnblogs.com/blog/1040068/201904/1040068-20190422161316560-1444110636.png" alt="">
<img src="https://img2018.cnblogs.com/blog/1040068/201904/1040068-20190422161739179-814910785.jpg" alt=""> 
来源：https://www.cnblogs.com/jackson-yqj/p/10750218.html

頁: [1]

琼殿技术论坛's Archiver

React-Native之打包发布(Android)