React Native 项目发布流程

前言

最近完成了一个简单的RN项目，现在记录一下发布前所需要的配置，下面直接进入正题：

一、iOS工程配置

1、终端进入将要打包的RN项目路径下下，执行以下命令:

react-native bundle --entry-file index.ios.js --platform ios --dev false --bundle-output ios/ios.jsbundle

不区分启动iOS、Android的index文件用一下命令

react-native bundle --entry-file index.js --platform ios --dev false --bundle-output ios/ios.jsbundle

执行完成后会在项目ios文件夹下生成两个文件：

用Xcode打开项目并添加这两个文件到项目中，下面进入AppDelegate.m文件中做如下修改:

jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"ios" withExtension:@"jsbundle"];

2、证书配置、打包及发布

在这我就不多说了，附上一个连接，不会的小伙伴前去参考吧
来自伟大的的cocoa社区，最新iOS发布App Store详细图文教程

二、Android工程配置

注：我个人不是Android原生开发工程师，故Android配置多说一点，
哪位Android开发伙伴发现有错误请帮忙指出，我立马修改···

1、修改项目名称

先回到RN项目根路径下，根据以下路径找到这个文件 -> styles.xml

~/android/app/src/main/res/values/strings.xml

打开并做如下修改:

2、修改项目包名

进入如下路径

~/android/app/src/main/java

可以看到，接下来的文件为

com -> 你的项目名

所以根据自己公司的规定更改你的文件名，如需添加，就新建文件夹做层级嵌套

如：com.xxxx.xxxxx

然后分别修改一下文件的package
AndroidManifest.xml
MainActivity.java
然后找到~android\app\build.gradle，修改
applicationId

个人建议包名与Xcode中Bundle ID一致

3、添加启动页及APP图标

同样在这里res的文件里:

对比你的文件缺啥补啥吧
launch_screen.xml文件内容如下

启动页尺寸

图标尺寸

4、生成release版本的APK

重中之重来了
终端进入如下目录中：

~/android/app/

执行以下命令：

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

下面如图所示，自行发挥:

这时当前路径下会生成一个签名秘钥，然后终端输入如下命令:

vi ~/.gradle/gradle.properties

vim编辑器不用多说了吧，添加如下内容:

MYAPP_RELEASE_STORE_FILE=my-release-key.keystore
MYAPP_RELEASE_KEY_ALIAS=my-key-alias
MYAPP_RELEASE_STORE_PASSWORD=你刚才输入的密码
MYAPP_RELEASE_KEY_PASSWORD=你刚才输入的密码

下一步打开~/android/app/build.gradle文件，当然不是终端打开

signingConfigs {
        release {
            storeFile file(MYAPP_RELEASE_STORE_FILE)
            storePassword MYAPP_RELEASE_STORE_PASSWORD
            keyAlias MYAPP_RELEASE_KEY_ALIAS
            keyPassword MYAPP_RELEASE_KEY_PASSWORD
        }
    }

signingConfig signingConfigs.release

然后终端返回RN项目根路径，输入如下：

mkdir -p android/app/src/main/assets

curl “http://localhost:8081/index.android.bundle?platform=android&dev=false&minify=true” -o “android/app/src/main/assets/index.android.bundle”

cd android

./gradlew assembleRelease

成功的话，在/android/build/outputs/apk/下生成release.apk文件啦~

下面就可以在各大Android平台发布啦~

PS：如果需要可以下一个360加固助手，我被360平台摆了一下~~~
Mac下载的文件好像有问题，找Windows系统的同事帮下忙吧~~~

The end!