React Native打包

2019-11-06 09:59:30

字體：大中小

來源：轉載

供稿：網友

前面寫了關于React的一系列入門章：http://lib.csdn.net/xiangzhihong8/5375/chart/React%20Native 這里寫圖片描述歡迎大家吐槽，今天要說的是在Android和iOS兩個平臺如何打包的問題。

Android平臺打包

Android平臺有兩種發布方式：一種是借助于命令行操作，另外一種是借助于Android Studio進行發布。

Android Studio平臺發布

借助于Android Studio生成簽名keystore，然后生成簽名包，這和傳統的Native開發一樣。

這里寫圖片描述

此時，你會發現，你可以繼續生成一個apk，并且可以安裝，但是卻無法運行，發生閃退。這是因為React-Native的android平臺下默認沒有生成資源文件也就是我們所有的js圖片文件等等。

下面我們就來生成JS Bundle文件：

1，創建一個assets文件

創建一個assets文件在工程目錄下，可以通過命令行操作，也可手動，具體的命名是：

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

2，生成Bundle文件

生成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/

這里寫圖片描述

我們已經完全生成了bundle文件了，可以查看自己工程assets下的文件夾，如果生成，則再次簽名運行就沒有問題。

命令行發布版本

生成簽名文件

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

修改android/gradle.PRoperties文件

編輯gradle文件，如果沒有就創建一個。

MYAPP_RELEASE_STORE_FILE=my-release-key.keystoreMYAPP_RELEASE_KEY_ALIAS=my-key-aliasMYAPP_RELEASE_STORE_PASSWord=*****MYAPP_RELEASE_KEY_PASSWORD=*****

修改簽名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 } }}...