返回
一键生成小程序预览二维码，助你高效开发和预览
前端
2023-10-30 11:14:42
使用 Jenkins 和 miniprogram-ci 实现微信小程序自动预览
概览
作为一名微信小程序开发者，你是否厌倦了手动上传代码、生成二维码并扫码预览小程序的繁琐流程？本指南将向你介绍一个神器：Jenkins 和 miniprogram-ci。通过这两个工具的结合，你可以轻松实现小程序预览二维码的自动生成，显著提升你的开发效率。
准备工作
在开始之前，请确保你的计算机已安装以下软件：
- Node.js
- Jenkins
- miniprogram-ci
安装 miniprogram-ci
首先，通过以下命令安装 miniprogram-ci：
npm install -g miniprogram-ci
编写预览和上传脚本
接下来，编写一个脚本用于预览和上传小程序代码。以下代码供你参考：
const miniprogramCi = require('miniprogram-ci')
const project = new miniprogramCi.Project({
appid: '你的小程序appid',
type: 'miniProgram',
projectPath: '你的小程序项目路径',
privateKeyPath: '你的小程序私钥路径',
ignores: ['node_modules/**/*']
})
project.preview({
desc: '预览小程序',
success (res) {
console.log('预览成功！二维码：', res.qrcode)
},
fail (err) {
console.error('预览失败：', err)
}
})
project.upload({
desc: '上传小程序',
success (res) {
console.log('上传成功！审核状态：', res.auditStatus)
},
fail (err) {
console.error('上传失败：', err)
}
})
配置 Jenkins
配置 Jenkins 的步骤如下：
- 打开 Jenkins 的管理界面。
- 点击“新建任务”。
- 输入任务名称，选择“构建一个自由风格的软件项目”。
- 在“构建”选项卡中，添加以下构建步骤：
npm install
node script.js
- 在“触发器”选项卡中，添加以下触发器：
定时构建
- 设置定时构建的时间间隔，如每天构建一次。
启动 Jenkins
最后，通过以下命令启动 Jenkins：
java -jar jenkins.war
尽享自动生成的预览二维码
现在，你可以尽情享受小程序预览二维码自动生成带来的便利了。每次提交代码后，Jenkins 都会自动构建项目并生成小程序预览二维码。扫描二维码即可预览你的小程序。
常见问题解答
1. 如何设置小程序的 appid？
appid 可以从微信小程序开发者工具中获取。
2. 如何获取小程序的私钥？
私钥可以通过以下命令生成：
openssl ecparam -name prime256v1 -genkey -out key.pem
3. 如何忽略某些文件或文件夹？
可以在项目配置的 ignores 数组中指定要忽略的文件或文件夹。
4. 如何配置定时构建的时间间隔？
在 Jenkins 的触发器配置中设置定时构建的周期，例如每天或每小时。
5. 出现错误提示时如何进行故障排除？
查看 Jenkins 日志或在命令行中运行脚本以识别并解决错误。
