jenkins构建微信小程序并展示二维码

测试小程序的过程中，很多都是在回头和前端开发说一句，兄弟帮我打一个测试版本的测试码，开发有时间的情况下还好，就直接协助了，但是很多时候他们只修复了其中几个bug，其他需要修复的bug代码正在编写，这就遇到了问题，耽误了测试时间，基于此给大家分享一下利用Jenkins去构建微信小程序二维码，并在jenkins上展示最新的二维码图片方便扫描测试。

操作步骤简介

安装 Jenkins 插件，例如 Jenkins Plugin for WeChat Mini Program Builder（微信小程序构建器插件）。

创建新的 Jenkins Pipeline，或者在现有的 Jenkins Pipeline 中启用 WeChat Mini Program Builder 插件。

配置 Jenkins 构建步骤，添加微信小程序构建相关任务。

测试您的微信小程序。

以下是详细的步骤说明：

1、安装 Jenkins 插件

单击 Manage Jenkins -> Manage Plugins -> Available.

搜索 WeChat Mini Program Builder 插件并安装。

2、创建新的 Jenkins Pipeline

单击 New Item，选择 Pipeline。

输入 Pipeline 名称和其他相关信息。

选中 Enable Pipeline 功能框，勾选 Enable Scm Polling 并输入 Git URL。

单击 OK 按钮完成Pipeline 设置。

启用 WeChat Mini Program Builder 插件

单击 Configure System -> Global Tools Configuration.

添加微信小程序构建器插件，输入必要的信息（如 App ID, Secret Key）并保存。

3、添加微信小程序构建器插件到 Jenkins Pipeline 中。

配置 Jenkins 构建步骤

单击 New Item -> Build with Parameters.

添加微信小程序相关的步骤到 Jenkins Pipeline 中，例如微信小程序构建任务、打包任务等。

单击 Save.

4、测试您的微信小程序

在 Jenkins 控制台上单击 Build Now 开始构建。

查看 Console Output ，确认没有错误消息。

在移动设备或微信开发者工具中测试您的小程序。

5、请注意，由于微信小程序有一些限制，请务必遵守相关要求，例如大小、格式等。在微信小程序官方文档中有更多详细信息。

示例

以下是一个 Jenkins Pipeline 的示例，用于构建微信小程序：

pipeline {
agent any
parameters {
string(name: 'APP_ID', defaultValue: '', description: 'Your Wechat Mini Program APP ID')
string(name: 'SECRET_KEY', defaultValue: '', description: 'Your Wechat Mini Program Secret Key')
}
stages {
stage('Checkout') {
steps {
checkout scm
}
}
stage('Build') {
steps {
echo 'Building your WeChat Mini Program...'
script {
node {
sh """
npm install
npm run build
"""
}
}
}
}
stage('Deploy') {
steps {
script {
node {
def buildDir = '/var/tmp/build'
dir(buildDir) {
// 将构建目录移动到临时位置
sh 'mv dist/* .'
// 安装 WeChat Mini Program Builder 插件
wechatmp init ${params.APP_ID} ${params.SECRET_KEY}
// 构建微信小程序
wechatmp build
}
}
}
}
}
}
}

在上述 Pipeline 中，首先从 SCM 检出代码，然后构建小程序，并最终构建微信小程序。

注意：您需要设置一些 Jenkins 参数，例如 APP_ID 和 SECRET_KEY。这些参数可以在微信开放平台找到。

此外，在构建时，必须正确安装 WeChat Mini Program Builder 插件，并将其添加到 Jenkins 中。

在构建过程中，可以添加额外的步骤，例如测试、发布等。

展示微信小程序二维码

要在 Jenkins 上展示微信小程序的二维码，请按照以下步骤操作：

使用 Jenkins 插件生成 QR Code，并将其作为 JUnit XML 结果的一部分发送到微信小程序中。

使用 Jenkins 插件解析 JUnit XML 文件，并在微信小程序中显示 QR Code。

以下是详细的步骤说明：

生成 QR Code

安装 QR Code Generator 插件，参见官方文档。

使用该插件生成 QR Code，并将其添加到 JUnit XML 文件中。

解析 JUnit XML 文件

安装 Jenkins 的微信小程序插件，如 Jenkins Xcode Integration。

添加一个 Jenkins 步骤，在构建完成后发送 JUnit XML 文件给微信小程序。

在您的 Jenkins 实例中打开一个二维码，指向 JUnit XML 文件。

在微信小程序中打开此二维码，使其解析 JUnit XML 文件。

请注意，在显示 QR Code 之前，您需要先获取微信小程序的凭证。

Java 代码示例，演示如何在 Jenkins 中生成 QR Code：

import com.google.zxing.BarcodeFormat;
import com.google.zxing.EncodeHintType;
import com.google.zxing.WriterException;
import com.google.zxing.client.j2se.MatrixToImageWriter;
import com.google.zxing.common.BitMatrix;
import com.google.zxing.qrcode.QRCodeWriter;
import com.google.zxing.qrcode.decoder.ErrorCorrectionLevel;
import javax.imageio.ImageIO;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.nio.file.Files;
import java.nio.file.Path;
import java.nio.file.Paths;
import java.util.HashMap;
import java.util.Map;
public class QrCodeGenerator {
public static void main(String[] args) throws WriterException, IOException {
String content = "Hello, World!";
int width = 300; // 二维码宽度
int height = 300; // 二维码高度
QRCodeWriter qrCodeWriter = new QRCodeWriter();
Map hints = new HashMap<>();
hints.put(EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.L);
BitMatrix bitMatrix = qrCodeWriter.encode(content, BarcodeFormat.QR_CODE, width, height, hints);
Path file = Paths.get("/tmp/test.png");
MatrixToImageWriter.writeToFile(bitMatrix, "PNG", file.toFile());
System.out.println(file.toString());
}
}