Jenkins 微信开发人员工具:一键完成小程序自动化建设和预览!
时间:2025-06-24 12:44:45 来源:新华社
【字体:  

目前,微信小程序开发工具只支持mac和windows󿀌因此,jenkinslave只能使用这两个系统,以windows为例。建筑批处理仅作为功能实现,添加更多的判断逻辑。

微信工具提供两种方式:客户端和HTTP服务c;以http为例。

添加windows端slavejenkins。

修改全局安全设置。

“JNLP代理协议TCP端口” 配置成 “࿰”随机选择c;“࿰”代理协议c;勾选“Java Web Start Agent Protocol/4(TLS加密)。由于阿里云的端口限制࿰,我在这里选择了固定端口c;只放开指定的端口。
image.png
找到“隐藏的安全警告”,将“Enable Agent → Master Access Control复选框打勾。
image.png

添加slave节点:系统管理->节点管理->新建节点。

image.png
image.png
点击launch按钮下载slave-agent.jnlp文件,点击slave.jar下载jar包,并复制到slave机器的jenkins目录。
1.png
运行slave-agent.jnlp。
2.png
win快捷键#43;输入servicesesser.msc,找到jenkins-agent修改配置。
我在这里使用管理员账户,上述本地系统账户࿰也可以使用c;但请记住勾选允许服务与桌面互动的服务。
image.png

依赖工具的安装。

想要运行slave,windows节点需要安装java,其他一些工具将用于构建链接󿀌如git、curl直接下载安装,记得设置相应的环境变量。

环境变量࿰配置在slave节点配置中c;可以直接复制windows机器的path环境变量。
这里补充path变量"C:\Windows\Syswow64;",否则,一些内置命令将无法调用。
image.png
image.png
image.png

安装微信开发者工具󿀌然后设置计划任务自动运行�提供http服务。
image.png
名称:mp_ide。
触发器:计算机启动时。
操作:启动程序。
image.png
image.png
image.png
如果不重启󿀌记得手动启动一次。

jenkins配置。

安装插件:

description setter plugin。
Git Parameter Plug-In。

修改全局安全配置:

image.png

创建自由风格任务。

image.png

勾选参数构建。

添加Git Parameter。

image.png
image.png

添加两个文本参数。

image.png
image.png

windows限制了项目的运行节点-slave。

image.png

配置git地址。

image.png

构建环节。

第一次增加批处理。

[外链图片转存中...(img-VlJRhpcF-1737277559676)]。

:: 获取服务端口set /p PORT=<"C:\Users\test-ops\AppData\Local微信开发者工具User Data\Default\.ide"echo "微信开发者工具运行%PORT%端口":: 获取状态码判断服务是否成功启动 -sL -w %%{ http_code} http://127.0.0.1:%PORT%/open:: 登录二维码curlll http://127.0.0.1:%PORT%/login?format=base64 > qrcode.txtpython "D:\jenkinsbase64tojepg.py" qrcode.txt qrcode.jpgecho [QRCode generated succeed]%BUILD_NUMBER%。

python脚本:base64tojepgepgpgpgtojep.py。

import os,base64,sys if len(sys.argv) == 3:    inputFileName=sys.argv[1]    outputFileName=sys.argv[2]    allstr=open(inputFileName).read()    idx=allstr.find(',')    bstr=allstr[idx+1:]    imgdata=base64.b64decode(bstr)    file=open(outputFileName,'wb')    file.write(imgdata)    file.close()else:    print('Useage: python base64tojpeg.py inputFileName outputFileName')。
第一次添加 build description用于显示登录二维码。

image.png
image.png
第一次添加 build description用于显示登录二维码。

Regular expression。

\[QRCode generated succeed\](.*)。

Description。

微信扫码登录。
第二次增加批处理。

:: 延迟15秒,#xff00c;等待扫码登录#xff0c;否则,代码无法上传@ping 127.0.0.1 -n 15 >nul:: 获取服务端口set /p PORT=<"C:\Users\test-ops\AppData\Local微信开发者工具User Data\Default\.ide"echo "微信开发者工具运行%PORT%端口":: 获取预览二维码del /f /s /q qrcode.txt qrcode.jpgcurl -o preview.jpg http://127.0.0.1:%PORT%/preview?projectpath=%WORKSPACE�ho [QRCode preview generated succeed]%BUILD_NUMBER%:: 上传代码for /f "delims=" %%i in ('python D:\jenkins\urlencode.py %upload_desc%') do set desc=%%icurl "http://127.0.0.1:%PORT%/upload?projectpath=D:\mp&version=%upload_version%&desc=�sc%"echo "#xff01上传成功;请在微信小程序后台设置体验版或提交审核!"

python脚本:urlencode.py。
from urllib.parse import quoteimport sysdata = sys.argv[1]print(quote(data))。

第二次添加 build description用于显示开发预览二维码。

Regular expression。

\[QRCode preview generated succeed\](.*)。

Description。


微信扫码预览。

执行构建。
￰在施工过程中c;二维码可以直接显示。
image.png
这是用来登录小程序开发工具的,不登录就不能上传代码。
image.png

这是预览小程序的二维码,因为预览要求源码目录的大小不超过2M󿀌因此,在生成预览二维码之前󿼌首先删除与之前登录二维码相关的文件,尽量保证源码目录的大小。

[责任编辑:百度一下]
检察日报数字报 | 正义网 |
Copyrights©最高人民检察院 All Rights Reserved.