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

在日常的RN開(kāi)發(fā)中，我們避免不了需要將我們編寫(xiě)的代碼編譯成安裝包，然后生成二維碼，供需要測(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í)行效果

gif

使用腳本注意事項(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名稱(chēng)
info_plist_name：請(qǐng)更換為自己項(xiàng)目中的plist文件名稱(chēng)
如果沒(méi)有注冊(cè)登錄fir.im的同學(xué)們，請(qǐng)先去注冊(cè)登錄fir.im，相關(guān)操作請(qǐng)參照fir.im官方文檔
腳本文件夾放在項(xiàng)目的跟目錄下即可
除了is_workspace firim_token scheme_name info_plist_name 這四個(gè)變量需要改為自己的，其它的地方腳本不需要修改
在打包之前請(qǐng)確保iOS調(diào)試證書(shū)有效
fir.im 的token和注冊(cè)登錄流程是可有可無(wú)的，如果之前沒(méi)有使用過(guò)fir.im的同學(xué)們也可以忽略fir.im相關(guān)的操作，因?yàn)閒ir.im只是輔助將生成的ipa安裝包文件上傳到fir, 然后生成一個(gè)可以?huà)叽a安裝的二維碼而已，不使用fir.im 不影響生成ipa，只是不會(huì)生成安裝二維碼

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

img

如何使用腳本文件

將下載下來(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賬戶(hù)的token, 這個(gè)token換成自己fir賬號(hào)生成的token即可
    firim_token="1b91e3f54c6e6b106be7afdd13674a43"

    # 打包腳本文件夾路徑
    script_path=$(pwd)
    # 指定項(xiàng)目的scheme名稱(chēng)（默認(rèn)為one，需要再次賦值）
    scheme_name="one"
    # 工程中Target對(duì)應(yīng)的配置plist文件名稱(chēng), 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)
    # 獲取工程名稱(chēng)（LSBuyer）
    project_name=`find . -name *.xcodeproj | awk -F "[/.]" '{print $(NF-1)}'`

    # Dev,Pre,Pro三種環(huán)境
    echo "\033[31;1m請(qǐng)選擇打包類(lèi)型(輸入序號(hào),按回車(chē)即可) \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"

    # 捕獲用戶(hù)鍵盤(pán)輸入
    read packageType
    sleep 0.5
    method="$packageType"

    # 判斷用戶(hù)是否有輸入
    if [ -n "$method" ] ; then
        if [ "$method" = "1" ] ; then
            ExportOptionsPlistPath="$script_path/EnterpriseExportOptionsPlist.plist"
            # 根據(jù)用戶(hù)選擇的打包類(lèi)型來(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名稱(chēng) : 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)目類(lèi)型是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文件名稱(chēng)
    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ù)覽用戶(hù)登錄信息 ?? ?? ??  *************************  \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í)行腳本效果

gif

注意事項(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簽名文件的講解：http://www.lxweimin.com/p/b28a5be05029
腳本文件存放的路徑，最好放在項(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è)可以?huà)叽a安裝的二維碼而已，不使用fir.im 不影響生成ipa，只是不會(huì)生成安裝二維碼

img

如何運(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賬戶(hù)的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ù)覽用戶(hù)登錄信息 ?? ?? ??  *************************  \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

待完成

將打包腳本與Jenkins結(jié)合實(shí)現(xiàn)動(dòng)態(tài)構(gòu)建

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频

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

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

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

打包腳本文件下載地址

iOS

腳本執(zhí)行效果

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

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

如何使用腳本文件

核心腳本代碼

Android

執(zhí)行腳本效果

注意事項(xiàng)

如何運(yùn)行腳本

核心腳本代碼

待完成

更多文章

推薦閱讀更多精彩內(nèi)容

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美 国产 综合 欧美 视频

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

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

打包腳本文件下載地址

iOS

腳本執(zhí)行效果

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

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

如何使用腳本文件

核心腳本代碼

Android

執(zhí)行腳本效果

注意事項(xiàng)

如何運(yùn)行腳本

核心腳本代碼

待完成

更多文章

推薦閱讀更多精彩內(nèi)容

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频