微信小步伐自动化摆设

手机软件开发 · 2024-9-30 03:25:51

前言

我们先来梳理一下一样平常开辟微信小步伐的流程：代码开辟完之后我们起主要提交到代码堆栈，然后利用微信开辟者工具运行代码，接着通过开辟者工具上传代码到微信小步伐背景，末了在背景提交考核。
不丢脸出流程照旧比较繁琐的，自动化摆设流程可以资助我们缩减这个流程，做到解放解放码农的双手，具体怎样实现，我们往下看。
miniprogram-ci

微信小步伐的自动化摆设流程必须依靠 miniprogram-ci，这个插件。
miniprogram-ci 是从微信开辟者工具中抽离的关于小步伐/小游戏项目代码的编译模块。
开辟者可不打开小步伐开辟者工具，独立利用 miniprogram-ci 进行小步伐代码的上传、预览等操纵。
由于脚本的实行依靠这个插件，以是我们可以将这个插件安装在要实行脚本的服务器上，或者安装在本地项目中。
npm install miniprogram-ci --save微信公众平台设置

登录公众平台，打开开辟-开辟管理-开辟设置，找到小步伐代码上传设置项，天生小步伐代码上传密钥，并添加 ip 白名单，密钥文件可以存放在要实行脚本的服务器上，或者生存在项目中，只要能让脚本访问到即可。

密钥文件

微信公众平台天生的密钥文件具体内容如下：

脚本

编写 xxx.sh 的实行脚本，定名随意。
set -ewhile read -r linedo  if [[ $line =~ "version" ]]  then declare a=${line##*:} declare b=${a#*\"} declare version=${b%\"*} break  fidone < package.jsonecho $versionyarnecho "开始编译..."start1=$(date +%s)yarn build:mp-weixinend1=$(date +%s)take1=$(( end1 - start1 ))echo "Compile Success：${take1}s"echo "微信小步伐上传..."start2=$(date +%s)# uploadminiprogram-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表现后续全部的 bash 下令的返回 code 假如不是 0，那么脚本立刻退出，后续的脚本将不会得到实行的机遇。说人话就是脚本实行过程中，有报错立刻退出制止实行。
while read -r linedo  if [[ $line =~ "version" ]]  then declare a=${line##*:} declare b=${a#*\"} declare version=${b%\"*} break  fidone < package.jsonecho $version以上脚本是逐行读取 package.json 文件内容，找到 version 字段，并获取其对应的值界说一个 $version 变量。直白点讲就是获取项目的版本号，由于下面要用。
yarnecho "开始编译..."start1=$(date +%s)yarn build:mp-weixinend1=$(date +%s)take1=$(( end1 - start1 ))echo "Compile Success：${take1}s"echo "微信小步伐上传..."start2=$(date +%s)看到 yarn，各人应该都知道这段脚本就是安装项目依靠，而且打包编译小步伐项目，其中的 start1、end1、take1 这些是纪录时间的，可忽略。
# uploadminiprogram-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 进行代码上传的。
具体参数寄义：
--pp：编译打包产物文件路径
--pkp：微信公众平台生产的谁人私钥文件路径
--appid：小步伐的 appid
--uv：项目的版本号
--threads：开启线程数
-r：呆板人编号（这个参数无所谓）
至此，整个脚本就根本完成了。
自动化摆设实现

紧张三个焦点部门：

上传脚本
miniprogram-ci 插件
密钥文件

自动化摆设实现方式有许多种，本文紧张讲授两种。
第一种方式(保举)

jenkins + gitlab + webhook
将脚本、密钥文件直接放在项目根目录，jenkins 安装 webhook 干系插件，gitlab 设置 webhook，如许就可以做到 master 分支代码变动就可以触发 webhook，进而触发 jenkins 实行，别忘了在 jenkins 服务器全局安装 miniprogram-ci 插件。
如许我们就实现了，当业务需求开辟完，代码归并到 master 分支之后，自动触发 webhook，进而触发 jenkins 实行上传脚本。
我们开辟职员须要做的就只是归并代码到 master 分支，然后到小步伐背景选择上传的版本提交考核即可。
nice～
第二种方式

基于本地终端实行，将脚本、密钥文件直接放在项目根目录，本地安装 miniprogram-ci 插件，直接在终端中实行脚本即可。
./ci-xxx.sh下图就是自动化摆设上传的版本：

总结

以上就是小步伐自动化摆设的具体实现过程，盼望能为渺茫的小同伴带来一点资助。自动化摆设尚有一些功能也可以实现，本文篇幅有限，没有做全部先容，感爱好的小同伴可以自行探索。
作者：大熊Sir
链接：https://juejin.cn/post/7124960511237554189
泉源：稀土掘金
著作权归作者全部。贸易转载请接洽作者得到授权，非贸易转载请注明出处。

微信小步伐自动化摆设

所属分类: 问答交流

新帖推荐: 30日

推荐作品