VSCode开发react-native app进行android apk打包
生成keystore密鑰
keytool -genkey -v -keystore my-test.keystore -alias androiddebugkey -keyalg RSA -keysize 2048 -validity 10000
輸入密鑰口令,然后確認口令,接下來輸入必要的信息,會生成一個keystore文件,這個文件就在命令執(zhí)行的路徑
?
設置gradle的環(huán)境變量
1、把keystore文件放到你工程中的android/app文件夾下(app/assert/my-test.keystore)
2、編輯gradle.properties(沒有這個文件你就創(chuàng)建一個,這個是android工程目錄下),添加如下的代碼(注意把其中的****替換為相應密碼)
3、配置gradle環(huán)境變量
打開項目里面gradle-wrapper.properties,查看使用的版本
在Androidstudio設置中找到gradle的緩存路徑,然后打開wrapper/dists
打開環(huán)境變量設置,在系統(tǒng)變量增加GRADLE_HOME,路徑為:C:\Users\Administrator\.gradle\wrapper\dists\gradle-6.5-all\2oz4ud9k3tuxjg84bbf55q0tn\gradle-6.5
在系統(tǒng)變量的path增加%GRADLE_HOME%\bin,完成環(huán)境變量設置,打開cmd輸入gradle,驗證gradle配置是否正確,出現(xiàn)以下界面表示gradle配置正確
4、配置app的build.gradle,設置如下
signingConfigs在android下
release在buildTypes下
5、執(zhí)行以下命令:
yarn install? 下載react-native依賴的node_modules,如果執(zhí)行該命令出現(xiàn)error Couldn't find the binary git,那么刪除yarn.lock和yarn-error.log,執(zhí)行yarn cache clean,然后再執(zhí)行yarn install即可
react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle?
該命令會重新編譯android/app/src/main/assets/index.android.bundle文件文件,同時會把JS代碼打包到本地,如果沒有執(zhí)行該命令,那么可能修改的js代碼沒有打包進apk
6、通過gradlew assembleRelease命令(需要從工程目錄進入到android目錄下執(zhí)行該命令)進行apk打包,第一次打包時間會很長,打包之后的apk路徑在app\build\outputs\apk目錄下
7、如果要直接運行到調試機器上,在工程目錄執(zhí)行react-native run-android就可以運行android apk到設備上進行調試,執(zhí)行react-native run-android命令調試時,設備上的app需要依賴PC端的服務才能正常運行,所以將debug包下的app單獨拿出來安裝的時候會發(fā)現(xiàn)頁面缺少資源的情況
備注:為了避免文件操作的權限問題,可以以管理員身份打開cmd窗口,然后在cmd窗口cd到工程目錄下,再執(zhí)行打包apk的命令。
? ? ? ? ? ?如果執(zhí)行gradlew assembleRelease命令出現(xiàn)錯誤,可以先cd到android目錄執(zhí)行gradle clean,該命令會刪除build文件夾,然后再執(zhí)行gradlew assembleRelease
? ? ? ? ??gradle assemble全量打包命令,配置的debug和release都會打包出來,assembleDebug打包出來的是debug的版本,gradlew assembleRelease打包出來的是release版本
?
?
?
?
?
總結
以上是生活随笔為你收集整理的VSCode开发react-native app进行android apk打包的全部內容,希望文章能夠幫你解決所遇到的問題。
 
                            
                        