React Native開(kāi)發(fā)中自動(dòng)打包腳本的示例分析

這篇文章將為大家詳細(xì)講解有關(guān)React Native開(kāi)發(fā)中自動(dòng)打包腳本的示例分析，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

在日常的RN開(kāi)發(fā)中，我們避免不了需要將我們編寫的代碼編譯成安裝包，然后生成二維碼，供需要測(cè)試的人員掃描下載。但是對(duì)于非原生的開(kāi)發(fā)人員來(lái)說(shuō)，可能不知如何使用Xcode或者Android studio來(lái)導(dǎo)出ipa、apk安裝包，為了解決非原生開(kāi)發(fā)的同學(xué)們打安裝包的痛苦，這里作者就提供一個(gè)shell腳本文件來(lái)實(shí)現(xiàn)一鍵式自動(dòng)打包并生成安裝二維碼 (這里上傳安裝包生成二維碼需要借助于三方平臺(tái)fir.im)

打包腳本文件下載地址

https://github.com/guangqiang-liu/AutoPackageScript

iOS

腳本執(zhí)行效果

使用腳本注意事項(xiàng)

?腳本配置環(huán)境變量中，is_workspace ：如果是使用pod進(jìn)行管理三方庫(kù)就賦值為true，否則是false
?firim_token：fir_token請(qǐng)?jiān)O(shè)置成自己的token，fir im_token如何獲取請(qǐng)參考fir官網(wǎng)https://fir.im/
?scheme_name：請(qǐng)更換為自己項(xiàng)目的scheme名稱
?info_plist_name：請(qǐng)更換為自己項(xiàng)目中的plist文件名稱
?如果沒(méi)有注冊(cè)登錄fir.im的同學(xué)們，請(qǐng)先去注冊(cè)登錄fir.im，相關(guān)操作請(qǐng)參照f(shuō)ir.im官方文檔
?腳本文件夾放在項(xiàng)目的跟目錄下即可
?除了is_workspace firim_token scheme_name info_plist_name 這四個(gè)變量需要改為自己的，其它的地方腳本不需要修改
?在打包之前請(qǐng)確保iOS調(diào)試證書有效
?fir.im 的token和注冊(cè)登錄流程是可有可無(wú)的，如果之前沒(méi)有使用過(guò)fir.im的同學(xué)們也可以忽略fir.im相關(guān)的操作，因?yàn)閒ir.im

只是輔助將生成的ipa安裝包文件上傳到fir, 然后生成一個(gè)可以掃碼安裝的二維碼而已，不使用fir.im 不影響生成ipa，只是不會(huì)生成安裝二維碼

特別注意（腳本存放路徑）：

如何使用腳本文件

?將下載下來(lái)的腳本文件夾整個(gè)拖進(jìn)自己的iOS工程的項(xiàng)目根目錄下
?打開(kāi)終端，進(jìn)入到腳本文件 autoPackageScript.sh 所在的目錄
?執(zhí)行腳本 sh autoPackageScript.sh
?等待打包生成ipa和二維碼，這里默認(rèn)打包后的文件會(huì)存放在桌面

核心腳本代碼

#!/bin/sh
# autoPackageScript.sh
# LSBuyer
#
# Created by 劉光強(qiáng) on 2017/6/3.
# Copyright © 2017年 Facebook. All rights reserved.
envionmentVariables() {
 # ==================== 工程配置環(huán)境變量 ==================== #
 echo "\033[37;45m************************* step1:初始化環(huán)境變量 ? ? ? ************************* \033[0m"
 sleep 0.5
 # 計(jì)時(shí)
 SECONDS=0
 # 工作空間 (例:若是用Cocopods管理的.xcworkspace項(xiàng)目,賦值true;用Xcode默認(rèn)創(chuàng)建的.xcodeproj,賦值false)
 is_workspace="false"
 # 指定要打包編譯的方式 : Release or Debug (默認(rèn)是Release)
 build_configuration="Release"
 # fir賬戶的token, 這個(gè)token換成自己fir賬號(hào)生成的token即可
 firim_token="1b91e3f54c6e6b106be7afdd13674a43"
 # 打包腳本文件夾路徑
 script_path=$(pwd)
 # 指定項(xiàng)目的scheme名稱（默認(rèn)為one，需要再次賦值）
 scheme_name="one"
 # 工程中Target對(duì)應(yīng)的配置plist文件名稱, Xcode默認(rèn)的配置文件為info.plist (需要再次賦值)
 info_plist_name="info"
 # 導(dǎo)出ipa所需要的對(duì)應(yīng)的plist文件路徑 (默認(rèn)為EnterpriseExportOptionsPlist.plist)
 ExportOptionsPlistPath="$script_path/EnterpriseExportOptionsPlist.plist"
 # 返回上上級(jí)目錄,進(jìn)入項(xiàng)目工程根目錄
 cd ..
 cd ..
 # 工程根目錄
 project_dir=$(pwd)
 # 獲取工程名稱（LSBuyer）
 project_name=`find . -name *.xcodeproj | awk -F "[/.]" '{print $(NF-1)}'`
 # Dev,Pre,Pro三種環(huán)境
 echo "\033[31;1m請(qǐng)選擇打包類型(輸入序號(hào),按回車即可) \033[0m"
 echo "\033[31;1m1. 測(cè)試 \033[0m"
 echo "\033[31;1m2. 預(yù)發(fā) \033[0m"
 echo "\033[31;1m3. 生產(chǎn) \033[0m"
 # 捕獲用戶鍵盤輸入
 read packageType
 sleep 0.5
 method="$packageType"
 # 判斷用戶是否有輸入
 if [ -n "$method" ] ; then
 if [ "$method" = "1" ] ; then
 ExportOptionsPlistPath="$script_path/EnterpriseExportOptionsPlist.plist"
 # 根據(jù)用戶選擇的打包類型來(lái)設(shè)置對(duì)應(yīng)的scheme和plist文件
 scheme_name="one"
 info_plist_name="info"
 elif [ "$method" = "2" ] ; then
 ExportOptionsPlistPath="$script_path/EnterpriseExportOptionsPlist.plist"
 scheme_name="LSBuyerPre"
 info_plist_name="LSBuyerPre"
 elif [ "$method" = "3" ] ; then
 ExportOptionsPlistPath="$script_path/AppStoreExportOptionsPlist.plist"
 scheme_name="LSBuyer"
 info_plist_name="Info"
 else
 echo "\033[37;45m************************* 你是不是瞎，是不是瞎 ? ? ? ************************* \033[0m"
 exit 1
 fi
 fi
 # 獲取對(duì)應(yīng)的plist文件
 info_plist_path="$project_dir/$project_name/$info_plist_name.plist"
 # 對(duì)應(yīng)plist中的Bundle versions string, short
 bundle_short_version=`/usr/libexec/PlistBuddy -c "Print CFBundleShortVersionString" "$info_plist_path"`
 # 對(duì)應(yīng)plist中的Bundle version
 bundle_version=`/usr/libexec/PlistBuddy -c "Print CFBundleVersion" "$info_plist_path"`
 # 指定輸出ipa文件夾路徑 (需要再次賦值)
 export_path=~/Desktop/$scheme_name-IPA
 # 指定輸出xcarchive路徑
 export_archive_path="$export_path/$scheme_name.xcarchive"
 # 刪除舊.xcarchive文件
 rm -rf "$export_archive_path"
 # 指定輸出ipa路徑
 export_ipa_path="$export_path"
 # 指定輸出ipa名稱 : scheme_name + bundle_short_version (需要重新賦值)
 ipa_name="$scheme_name-v$bundle_short_version"
}
Xcodebuild() {
 echo "\033[37;45m************************* step2:開(kāi)始構(gòu)建項(xiàng)目 ? ? ? ************************* \033[0m"
 sleep 1
 if [ -d "$export_path" ]; then
 echo $export_path
 else
 mkdir $export_path
 fi
 # 判斷編譯的項(xiàng)目類型是workspace還是project
 if $is_workspace ; then
 # 編譯前做clear操作
 xcodebuild clean -workspace ${project_name}.xcworkspace \
 -scheme ${scheme_name} \
 -configuration ${build_configuration}
 # archive操作
 xcodebuild archive -workspace ${project_name}.xcworkspace \
 -scheme ${scheme_name} \
 -configuration ${build_configuration} \
 -archivePath ${export_archive_path}
 else
 xcodebuild clean -project ${project_name}.xcodeproj \
 -scheme ${scheme_name} \
 -configuration ${build_configuration}
 xcodebuild archive -project ${project_name}.xcodeproj \
 -scheme ${scheme_name} \
 -configuration ${build_configuration} \
 -archivePath ${export_archive_path}
 fi
 # 檢查是否構(gòu)建成功
 # xcarchive 是一個(gè)文件夾不是一個(gè)文件所以使用 -d 判斷
 if [ -d "$export_archive_path" ] ; then
 echo "\033[37;45m項(xiàng)目構(gòu)建成功 ? ? ? \033[0m"
 else
 echo "\033[37;45m項(xiàng)目構(gòu)建失敗 ? ? ? \033[0m"
 exit 1
 fi
}
ExportArchive() {
 echo "\033[37;43m************************* step3:開(kāi)始導(dǎo)出ipa文件 ? ? ? ************************* \033[0m"
 sleep 0.5
 # 導(dǎo)出ipa
 xcodebuild -exportArchive \
 -archivePath ${export_archive_path} \
 -exportPath ${export_ipa_path} \
 -exportOptionsPlist ${ExportOptionsPlistPath}
 # 修改ipa文件名稱
 mv $export_ipa_path/$scheme_name.ipa $export_ipa_path/$ipa_name.ipa
 # 檢查文件是否存在
 if [ -f "$export_ipa_path/$ipa_name.ipa" ] ; then
 echo "\033[37;45m導(dǎo)出 ${ipa_name}.ipa 包成功 ? ? ? \033[0m"
 else
 echo "\033[37;45m導(dǎo)出 ${ipa_name}.ipa 包失敗 ? ? ? \033[0m"
 exit 1
 fi
 # 輸出打包總用時(shí)
 echo "\033[37;46m總用時(shí): ${SECONDS}s \033[0m"
 open $export_path
}
previewIPAInfo() {
 echo "\033[37;43m************************* step4:預(yù)覽IPA信息 ? ? ? ************************* \033[0m"
 fir info $export_ipa_path/$ipa_name.ipa
}
publishIPAToFir() {
 echo "\033[37;43m************************* step5:上傳中 ? ? ? ************************* \033[0m"
 echo "\033[37;43m************************* step4:預(yù)覽用戶登錄信息 ? ? ? ************************* \033[0m"
 fir login "$firim_token"
 fir publish $export_ipa_path/$ipa_name.ipa -Q
 echo "\033[37;43m************************* step6:上傳完成 ? ? ? ************************* \033[0m"
 # 輸出總用時(shí)
 echo "\033[37;46m總用時(shí): ${SECONDS}s ? ? ? \033[0m"
 open $export_path
}
envionmentVariables
Xcodebuild
ExportArchive
previewIPAInfo
publishIPAToFir

Android

執(zhí)行腳本效果

注意事項(xiàng)

?環(huán)境配置項(xiàng)中的 firim_token：換成自己的token
?fir.im的注冊(cè)與登錄操作同iOS操作，詳細(xì)參考fir.im官方文檔 教程
?apk默認(rèn)導(dǎo)出路徑為：app/build/outputs/apk
?打包前請(qǐng)確保jks簽名是否有效，如果有對(duì)生成 jks 簽名文件不熟悉的同學(xué)，請(qǐng)查看作者對(duì)生成jks簽名文件的講解：
?腳本文件存放的路徑，最好放在項(xiàng)目根目錄下，也即是與 settings.gradle 文件同級(jí)目錄
?fir.im 的token和注冊(cè)登錄流程是可有可無(wú)的，如果之前沒(méi)有使用過(guò)fir.im的同學(xué)們也可以忽略fir.im相關(guān)的操作，因?yàn)閒ir.im只是輔助將生成的ipa安裝包文件上傳到fir, 然后生成一個(gè)可以掃碼安裝的二維碼而已，不使用fir.im 不影響生成ipa，只是不會(huì)生成安裝二維碼

如何運(yùn)行腳本

?將下載的腳本文件夾中的 autoPackage.sh 文件 拖到Android 項(xiàng)目的根目錄下
?打開(kāi)終端，進(jìn)入到 autoPackage.sh 腳本文件所在的目錄
?執(zhí)行腳本 sh autoPackage.sh
?等待腳本執(zhí)行，打包生成的apk文件與二維碼統(tǒng)一存放在 /build/outputs/apk 路徑下

核心腳本代碼

#!/bin/sh
# autoPackage.sh
# CRM
#
# Created by 劉光強(qiáng) on 2017/6/19.
# Copyright © 2017年 Facebook. All rights reserved.
# ******************** 安卓一鍵式打包并上傳到fir生成二維碼并直接掃描安裝 ********************
# 預(yù)先定義對(duì)應(yīng)的環(huán)境變量
envionmentVariables(){
# 打包時(shí)間初始值
SECONDS=0
# 當(dāng)前的路徑
pwd
#安卓項(xiàng)目工程路徑
android_project_path=$(pwd)
# 安卓apk目錄路徑
apk_dir_path="$android_project_path/app/build/outputs/apk"
# apk 路徑
apk_path="$apk_dir_path/app-dev-release.apk"
# fir賬戶的token,這個(gè)token換成自己fir賬號(hào)生成的token即可
firim_token="1b91e3f54c6e6b106be7afdd13674a43"
}
apkBuild(){
# 刪除老的apk
rm -rf $apk_path
cd "$android_project_path"
echo "\033[37;45m打包開(kāi)始?。?！ ? ? ? \033[0m"
sleep 1
# 執(zhí)行安卓打包腳本
./gradlew assembleRelease
# 檢查apk文件（app-LSW-release.apk）是否存在
if [ -f "$apk_path" ]; then
echo "$apk_path"
echo "\033[37;45m打包成功 ? ? ? \033[0m"
sleep 1
else
echo "\033[37;45m沒(méi)有找到對(duì)應(yīng)的apk文件 ? ? ? \033[0m"
exit 1
fi
}
# 預(yù)覽apk信息
previewIPAInfo(){
echo "\033[37;43m************************* step4:預(yù)覽apk信息 ? ? ? ************************* \033[0m"
fir info $apk_path
sleep 1
}
# 將apk目錄下的app-LSW-release.apk 上傳到fir
publishIPAToFir(){
open $apk_dir_path
echo "\033[37;43m************************* step5:上傳中 ? ? ? ************************* \033[0m"
echo "\033[37;43m************************* step4:預(yù)覽用戶登錄信息 ? ? ? ************************* \033[0m"
fir login "$firim_token"
fir publish $apk_path -Q
echo "\033[37;43m************************* step6:上傳完成 ? ? ? ************************* \033[0m"
# 輸出總用時(shí)
echo "\033[37;46m總用時(shí): ${SECONDS}s ? ? ? \033[0m"
open $apk_dir_path
}
envionmentVariables
apkBuild
previewIPAInfo
publishIPAToFir

關(guān)于“React Native開(kāi)發(fā)中自動(dòng)打包腳本的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。