如何實現react-native自動打包的功能

這篇文章將為大家詳細講解有關如何實現react-native自動打包的功能，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

你是否也在幻想寫完代碼后，無需打開xcode和android studio，只要執行一個shell腳本，就能把android和ios都打包出來？而且自動幫你傳到蒲公英和App Store，接著產品自動去下載測試。而你~~~直接去喝咖啡了。

注意：本篇僅講述如何用自動腳本處理，所以已經假設看官們已經能正常手動打包。若有更多繁枝細節，則需要另開篇幅。

準備材料

macos主機需作為構建工具的節點，并且需要安裝如下的軟件或操作：

git

xcode 9.4+

xcode -> 設置 -> accounts -> 添加蘋果公司認證或者個人認證所用的app_id

android studio

android sdk

java jdk 8

注意：如果你不想搞構建平臺，只想簡簡單單地，那么你可以把下面的那么多代碼整合成一個shell腳本，然后在自己的電腦里執行。

打包android

cd android
rm -rf build/ app/build/
./gradlew assembleRelease

最后的apk文件在：android/app/build/outputs/apk/app-release.apk

打包ios

先構建基礎包app

cd ios
# 必須先創建目錄
mkdir -p build
rm -rf build/archive.xcarchive build/ipa-*

# 獲取目錄名
project_list=`ls | grep .xcodeproj`
project_name=${project_list%%.*}

# 打包出app
# 這和你點擊 xcode -> Product -> Archive 是一樣的效果的。
xcodebuild clean
xcodebuild archive \
  -project ./${project_name}.xcodeproj \
  -scheme ${project_name} \
  -configuration Release \
  -archivePath ./build/archive.xcarchive

接著我們需要把app導出為ipa格式，這樣才能上傳到App Store或者測試平臺比如：蒲公英 、 fir.im

傳到App Store需要導出正式的ipa包，而傳到蒲公英需要使用測試ipa包（ad-hoc），所以需要執行兩遍

cd ios

# 正式ipa包
xcodebuild -exportArchive \
    -archivePath ./build/archive.xcarchive \
    -exportPath ./build/ipa-app-store \
    -exportOptionsPlist ./exportOptions/app-store.plist \
    -allowProvisioningUpdates
    
# 測試ipa包
xcodebuild -exportArchive \
    -archivePath ./build/archive.xcarchive \
    -exportPath ./build/ipa-ad-hoc \
    -exportOptionsPlist ./exportOptions/ad-hoc.plist \
    -allowProvisioningUpdates

上面編譯肯定是不通過的，因為你缺少兩個文件app-store.plist和ad-hoc.plist。這個你自己其實能找到，那就是在xcode里打包并Export出來的文件夾里，都會有一個ExportOptions.plist文件

根據你在Export時選擇的是App Store 還是 Ad Hoc，分別復制進項目exportOptions/app-store.plist 和 exportOptions/ad-hoc.plist

上傳蒲公英

筆者用的蒲公英，fir的看官自己去找

PGY_API_KEY=你的api_key
PGY_HOST=https://www.pgyer.com/apiv2/app/upload

# ios
IPA=`ls ./ios/build/ipa-ad-hoc/*.ipa`
curl \ 
    --form "file=@$IPA" \
    --form "_api_key=$PGY_API_KEY" \
    $PGY_HOST
    
# android
curl \ 
    --form "file=@./android/app/build/outputs/apk/app-release.apk" \
    --form "_api_key=$PGY_API_KEY" \
    $PGY_HOST

上傳AppStore

其實是先上傳到 appstoreconnect.apple.com，和你在xcode里點擊Upload To App Store是一樣的

先驗證是否可以上傳

APP_STORE_ACCOUNT=證書創建者賬號
APP_STORE_PASSWORD=密碼
IPA=`ls ./ios/build/ipa-app-store/*.ipa`

/Applications/Xcode.app/Contents/Applications/Application\ Loader.app/Contents/Frameworks/ITunesSoftwareService.framework/Versions/A/Support/altool \
    --validate-app \
    --file "$IPA" \
    --type ios \
    --username $APP_STORE_ACCOUNT \
    --password $APP_STORE_PASSWORD

驗證成功的話，你才能上傳，否則上傳會失敗的，不用浪費時間

APP_STORE_ACCOUNT=證書創建者賬號
APP_STORE_PASSWORD=密碼
IPA=`ls ./ios/build/ipa-app-store/*.ipa`

# xcode臨時生成的目錄，不刪除可能導致上傳到appStore時失敗
rm -rf ~/.itmstransporter/ ~/.old_itmstransporter/

# 開始上傳
/Applications/Xcode.app/Contents/Applications/Application\ Loader.app/Contents/Frameworks/ITunesSoftwareService.framework/Versions/A/Support/altool \
    --upload-app \
    --file "$IPA" \
    --type ios \
    --username $APP_STORE_ACCOUNT \
    --password $APP_STORE_PASSWORD

上傳android

從筆者的研究來看，僅小米應用的上傳有提供接口，其他應用平臺都要手動上傳。

注意事項：

關于如何實現react-native自動打包的功能就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。