本篇文章為大家?guī)砹岁P(guān)於微信小程式的相關(guān)內(nèi)容，其中主要介紹了微信小程式自動(dòng)化部署的相關(guān)問題，日常開發(fā)微信小程式的流程是比較繁瑣的，自動(dòng)化部署流程可以縮減這個(gè)流程，下面一起來看看，希望對大家有幫助。

【相關(guān)學(xué)習(xí)推薦：小程式學(xué)習(xí)教學(xué)】

我們先來整理日常開發(fā)微信小程式的流程：程式碼開發(fā)完之後我們首先要提交到程式碼倉庫，然後使用微信開發(fā)者工具執(zhí)行程式碼，接著透過開發(fā)者工具上傳程式碼到微信小程式後臺(tái)，最後在後臺(tái)提交審核。

不難看出流程還是比較繁瑣的，自動(dòng)化部署流程可以幫助我們縮減這個(gè)流程，做到解放解放碼農(nóng)的雙手，具體如何實(shí)現(xiàn)，我們往下看。

miniprogram-ci

微信小程式的自動(dòng)化部署流程必須依賴 miniprogram-ci，這個(gè)外掛程式。

miniprogram-ci 是從微信開發(fā)者工具中抽離的關(guān)於小程式/小遊戲?qū)０赋淌酱a的編譯模組。

開發(fā)者可不開啟小程式開發(fā)者工具，獨(dú)立使用 miniprogram-ci 進(jìn)行小程式碼的上傳、預(yù)覽等操作。

因?yàn)槟_本的執(zhí)行很依賴這個(gè)插件，所以我們可以將這個(gè)插件安裝在要執(zhí)行腳本的伺服器上，或安裝在本地專案中。

npm install miniprogram-ci --save

微信公眾平臺(tái)配置

登入公眾平臺(tái)，開啟開發(fā)-開發(fā)管理-開發(fā)設(shè)置，找到小程式碼上傳設(shè)定項(xiàng)，產(chǎn)生小程式碼上傳金鑰，並新增ip 白名單，密鑰檔案可以存放在要執(zhí)行腳本的伺服器上，或保存在專案中，只要能讓腳本存取即可。

金鑰檔案

微信公眾平臺(tái)產(chǎn)生的金鑰檔案具體內(nèi)容如下：

# #腳本

編寫xxx.sh 的執(zhí)行腳本，命名隨意。

set -e
while read -r line
do
  if [[ $line =~ "version" ]]
  then
    declare a=${line##*:}
    declare b=${a#*\"}
    declare version=${b%\"*}
    break
  fi
done < package.json
echo $version
yarn
echo "開始編譯..."
start1=$(date +%s)
yarn build:mp-weixin
end1=$(date +%s)
take1=$(( end1 - start1 ))
echo "Compile Success：${take1}s"
echo "微信小程序上傳..."
start2=$(date +%s)
# upload
miniprogram-ci \
  upload \
  --pp ./dist/build/mp-weixin \
  --pkp ./private.wx3fxxxxxxxx3.key \
  --appid wx3fxxxxxxxx3 \
  --uv $version \
  --threads 1 \
  -r 1 \
  --enable-es6 true \
  --enable-es7 true \
  --enable-autoprefixwxss true \
  --enable-minify true \
end2=$(date +%s)
take2=$(( end2 - start2 ))
echo "Upload Success: ${take2}s"
take3=$(( end2 - start1 ))
echo "Total Time: ${take3}s"

腳本具體模組講解

set -e

表示後續(xù)所有的 bash 命令的返回 code 如果不是 0，那麼腳本立即退出，後續(xù)的腳本將不會(huì)得到執(zhí)行的機(jī)會(huì)。說人話就是腳本執(zhí)行過程中，有報(bào)錯(cuò)立即退出停止執(zhí)行。

while read -r line
do
  if [[ $line =~ "version" ]]
  then
    declare a=${line##*:}
    declare b=${a#*\"}
    declare version=${b%\"*}
    break
  fi
done < package.json
echo $version

以上腳本是逐行讀取?package.json?檔案內(nèi)容，找到?version?字段，並取得其對應(yīng)的值定義一個(gè)?$version?變數(shù)。直白點(diǎn)講就是要取得項(xiàng)目的版本號，因?yàn)橄旅嬉谩?

yarn
echo "開始編譯..."
start1=$(date +%s)
yarn build:mp-weixin
end1=$(date +%s)
take1=$(( end1 - start1 ))
echo "Compile Success：${take1}s"
echo "微信小程序上傳..."
start2=$(date +%s)

看到?yarn， 大家應(yīng)該都知道這段腳本就是安裝項(xiàng)目依賴，並且打包編譯小程式項(xiàng)目，其中的?start1、end1、take1?這些是記錄時(shí)間的，可忽略。

• # upload
  miniprogram-ci \
    upload \
    --pp ./dist/build/mp-weixin \
    --pkp ./private.wx3fxxxxxxxx3.key \
    --appid wx3fxxxxxxxx3 \
    --uv $version \
    --threads 1 \
    -r 1 \
    --enable-es6 true \
    --enable-es7 true \
    --enable-autoprefixwxss true \
    --enable-minify true \

  以上這段腳本就是核心了。

透過腳本也不難看出，我們是透過 miniprogram-ci 進(jìn)行程式碼上傳的。

• 具體參數(shù)意義：

• --pp：編譯打包產(chǎn)物檔案路徑

• --pkp：微信公眾平臺(tái)生產(chǎn)的那個(gè)私鑰檔案路徑

• --appid：小程式的appid

• --uv：專案的版本號碼

--threads：開啟執(zhí)行緒數(shù)

-r：機(jī)器人編號（這個(gè)參數(shù)無所謂）

• 至此，整個(gè)腳本就基本完成了。

自動(dòng)化部署實(shí)作

• 主要三個(gè)核心部分：

• #上傳腳本

miniprogram-ci外掛程式

金鑰檔案

自動(dòng)化部署實(shí)作方式有很多種，本文主要講解兩種。

第一種方式(推薦)

jenkins gitlab webhook

將腳本、金鑰檔案直接放在項(xiàng)目根目錄，jenkins 安裝webhook 相關(guān)插件，gitlab 配置webhook，這樣就可以做到master 分支代碼變動(dòng)就可以觸發(fā)webhook，進(jìn)而觸發(fā)jenkins 執(zhí)行，別忘了在jenkins 伺服器全域安裝miniprogram-ci 插件。 這樣我們就實(shí)現(xiàn)了，當(dāng)業(yè)務(wù)需求開發(fā)完，程式碼合併到 master 分支之後，自動(dòng)觸發(fā) webhook，進(jìn)而觸發(fā) jenkins 執(zhí)行上傳腳本。 我們開發(fā)人員需要做的就只是合併程式碼到 master 分支，然後到小程式後臺(tái)選擇上傳的版本提交審核即可。

nice～

###第二種方式#############基於本機(jī)終端執(zhí)行，將腳本、金鑰檔案直接放在專案根目錄，本地安裝miniprogram-ci 插件，直接在終端機(jī)中執(zhí)行腳本即可。 ###

./ci-xxx.sh

###下圖就是自動(dòng)化部署上傳的版本：###

【相關(guān)學(xué)習(xí)推薦：小程式學(xué)習(xí)教學(xué)】

以上是微信小程式自動(dòng)化部署的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！