react native android 打包

1.生成離線bundle包

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

首先在項目根目錄建立文件夾: ./android/app/src/main/中建立文件夾assets

切換到項目根目錄 運行指令

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 是由於個人項目(react-native ^0.55.1)入口文件爲 index.js 而 0.49之前是index.android.js 

2.生成簽名文件

切換到 ./android/app/ 文件下 運行

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

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

3.配置打包時的簽名

切換到./android 目錄下 編輯gradle.properties 文件 添加如下內容

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_PASSWORD
            keyAlias MYAPP_RELEASE_KEY_ALIAS
            keyPassword MYAPP_RELEASE_KEY_PASSWORD
        }
    }
    buildTypes {
        release {
            ...
            signingConfig signingConfigs.release
        }
    }
}
...

5.發佈前測試應用是否有問題

注意:若是在打包以前,手機上已存開發版本請先刪除.

切換到項目根目錄下 運行

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

報錯 libpng error: Not a PNG file 內容以下

........
: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 FAILED

FAILURE: 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     }

 

}

回到根目錄 繼續運行指令繼續報錯

/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文件 

回到根目錄 繼續運行指令,不報錯

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

6.生成apk

根目錄下 運行指令

cd android && ./gradlew assembleRelease

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

安裝apk 

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

能夠直接找到安裝包發送給隊友