為什么80%的碼農(nóng)都做不了架構(gòu)師？>>> ??

1.生成離線bundle包

開發(fā)中了會知道RN項(xiàng)目的資源文件js css 字體圖標(biāo) image是不在android or ios文件里面的, 離線包就是把 ReactNative 和你寫的資源都打包放入 App .

首先在項(xiàng)目根目錄創(chuàng)建文件夾:?./android/app/src/main/中創(chuàng)建文件夾assets

切換到項(xiàng)目根目錄 運(yùn)行指令

lph$ react-native bundle --entry-file index.js --platform android --dev false --bundle-output ./android/app/src/main/assets/index.android.bundle --assets-dest ./android/app/src/main/res/

注意: react-native bundle --entry-file index.js 是因?yàn)槲业捻?xiàng)目(react-native ^0.55.1)入口文件為 index.js 而 0.49以前是index.android.js?

2.生成簽名文件

切換到 ./android/app/ 文件下 運(yùn)行

$ keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000 您的名字與姓氏是什么?[羅]: 您的組織單位名稱是什么?[freelancers]: 您的組織名稱是什么?[freelancers]: 您所在的城市或區(qū)域名稱是什么?[嘉興]: 您所在的省/市/自治區(qū)名稱是什么?[浙江]: 該單位的雙字母國家/地區(qū)代碼是什么?[china]: CN=羅, OU=freelancers, O=freelancers, L=嘉興, ST=浙江, C=china是否正確?[否]: 是

將生成 my-release-key.keystore文件

3.配置打包時(shí)的簽名

切換到./android 目錄下 編輯gradle.properties 文件 添加以下內(nèi)容

MYAPP_RELEASE_STORE_FILE=my-release-key.keystore MYAPP_RELEASE_KEY_ALIAS=my-key-alias MYAPP_RELEASE_STORE_PASSWORD=***** MYAPP_RELEASE_KEY_PASSWORD=*****

4. 添加簽名

修改 android/app/build.gradle 添加簽名

... android {...defaultConfig { ... }signingConfigs {release {storeFile file(MYAPP_RELEASE_STORE_FILE)storePassword MYAPP_RELEASE_STORE_PASSWORDkeyAlias MYAPP_RELEASE_KEY_ALIASkeyPassword MYAPP_RELEASE_KEY_PASSWORD}}buildTypes {release {...signingConfig signingConfigs.release}} } ...

5.發(fā)布前測試應(yīng)用是否有問題

注意:如果在打包之前,手機(jī)上已存開發(fā)版本請先刪除.

切換到項(xiàng)目根目錄下 運(yùn)行

$ react-native run-android --variant=release

報(bào)錯 libpng error: Not a PNG file 內(nèi)容如下

........ :app:generateDebugAssets :app:mergeDebugAssets :app:generateDebugResValues :app:generateDebugResources :app:mergeDebugResources AAPT: libpng error: Not a PNG file Error: java.util.concurrent.ExecutionException: com.android.ide.common.process.ProcessException: libpng error: Not a PNG file :app:mergeDebugResources FAILEDFAILURE: Build failed with an exception.* What went wrong: Execution failed for task ':app:mergeDebugResources'. > Error: java.util.concurrent.ExecutionException: com.android.ide.common.process.ProcessException: libpng error: Not a PNG file* Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.BUILD FAILED ....

解決方法打開 ./android/app/build.gradle文件

android {......aaptOptions { cruncherEnabled = false }}

回到根目錄 繼續(xù)運(yùn)行指令繼續(xù)報(bào)錯

/android/app/build/intermediates/res/merged/release/drawable-xhdpi/node_modules_teaset_icons_success.png: error: Duplicate file.

解決方法:

刪除所有/android/app/src/main/res/drawable-xxx文件?

回到根目錄 繼續(xù)運(yùn)行指令,不報(bào)錯

$ react-native run-android --variant=release

6.生成apk

根目錄下 運(yùn)行指令

cd android && ./gradlew assembleRelease

生成的apk位置:android/app/build/outputs/apk

安裝apk?

$ cd android/app/build/outputs/apk && adb install app-release.apk

可以直接找到安裝包發(fā)送給隊(duì)友

轉(zhuǎn)載于:https://my.oschina.net/oslph/blog/1921809

總結(jié)

以上是生活随笔為你收集整理的react native android 打包的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。