Taro 自动部署微信+支付宝小程序方法

使用 taro3 同时开发 微信小程序 + 支付宝小程序；常规上传方式为：在本地打包完微信使用开发者工具上传；再次打包支付宝使用支付宝开发者工具上传；相对繁琐；所以使用ci 机器人配合jenkins达到提交代码自动部署双平台并且发送飞书消息通知。

1. 微信小程序自动上传体验版

1.1 安装相关插件依赖

小程序持续集成 借助该文档的plugin-mini-ci插件进行机器人自动部署功能

1.2 微信小程序机器人部署代码配置

打包配置修改：

// config/index.js
const CIPluginOpt = {
  // 微信小程序
  weapp: {
    appid: 'appid',
   // 在开放平台下载的密钥文件；放到根目录的路径；见下图
    privateKeyPath: 'private.appid.key'
  },
  // 版本号
  version: '0.0.2',
  // 版本发布描述
  desc: '版本描述'
// ....其他代码
const config = {
  // 其他代码
  plugins:[['@tarojs/plugin-mini-ci', CIPluginOpt], '@tarojs/plugin-html', 'taro-plugin-pinia'],
  }
}

1.3 设置自动上传体验版白名单

添加打包后上传 ip 白名单：

1.4 配置 npm 打包+上传命令

// package.json
"build:weapp:upload": "taro build --type weapp --upload",

使用npm run build:weapp:upload 即可完成本地打包后成功上传到体验版。

至此微信小程序本地打包自动部署到体验版已经完成！[撒花🎉]

2. 支付宝小程序自动上传到体验版

支付宝小程序体验版版本号相对严格（需要本次上传的版本号必须大于上次的版本号）

2.1 安装相关插件依赖（和 1 相同）

小程序持续集成 借助该文档的plugin-mini-ci插件进行机器人自动部署功能

2.2 修改上传前版本号

• 可以手动的修改版本号然后继续
• 也可以使用nodejs修改版本号然后继续

补充：使用 nodejs 修改项目 package.json 版本号方法

详细代码如下（nodejs 简陋）; 注释了自动创建分支+提交动作；可根据需求自行使用：

//build.js 文件
var exec = require('child_process').exec // 异步子进程
var fs = require('fs')

var packageJSON = require('./package.json')
/** package.json 文件的 version 参数 */
var version = packageJSON.version
/** 命令行的所有参数 */
var options = process.argv
/** 命令行的 type 参数 */
var type = null
/** 新的 version 参数 */
var newVersion = null

//判断命令行是否存在 type 参数或 version 参数进行逻辑处理
for (let i = 0; i < options.length; i++) {
  if (options[i].indexOf('type') > -1) {
    //存在 type 参数
    type = options[i].split('=')[1]
  } else if (options[i].indexOf('version') > -1) {
    //存在 version 参数
    newVersion = options[i].split('=')[1]
  } else {
    //code
  }
}

if (newVersion) {
  //存在设置 version 参数则改变原来的 version
  version = newVersion
} else if (type) {
  //不设置 version 则根据 type 来进行修改 version
  version = handleType(version, type)
} else {
  version = null
  console.log('-----------没有改变 version-----------')
}

//修改了 version 则写入
if (version) {
  packageJSON.version = version
  //同步写入 package.json 文件
  fs.writeFileSync('package.json', JSON.stringify(packageJSON, null, 2))
  console.log('-----------更新 package 的 version 为：%s 参数成功-----------', version)
  // handleGitAdd('./package.json')
  // pullRemote()
}

/**
 * 根据分支类型处理版本号 version
 * @param {string} oldVersion 旧的版本号
 * @param {string} type 分支类型
 * @private
 */
function handleType(oldVersion, type) {
  var oldVersionArr = oldVersion.split('.')
  //版本号第一位 如：1.2.3 则为 1
  var firstNum = +oldVersionArr[0]
  //版本号第二位 如：1.2.3 则为 2
  var secondNum = +oldVersionArr[1]
  //版本号第三位 如：1.2.3 则为 3
  var thirdNum = +oldVersionArr[2]
  switch (type) {
    case 'release':
      //release 分支的处理逻辑
      ++secondNum
      thirdNum = 0
      break

    case 'hotfix':
      //hotfix 分支的处理逻辑
      ++thirdNum
      break

    default:
      // 默认按照最小版本处理
      ++thirdNum
      break
  }

  return firstNum + '.' + secondNum + '.' + thirdNum
}

// /**
//  * 将 package.json 推送到远程新创建的分支
//  */
// function pullRemote() {
//   var branch = type + '/' + version
//   //创建新分支
//   handleGitCreate(branch)
// }

// /**
//  * 创建新分支
//  * @param {string} branch 分支名
//  */
// function handleGitCreate(branch) {
//   exec('git branch ' + branch, function (error, stdout, stderr) {
//     console.log('-----------创建新分支:%s DONE-----------', branch)
//     //切换分支
//     handleGitCheckOut(branch)
//   })
// }

// /**
//  * 切换分支
//  * @param {string} branch 分支名
//  */
// function handleGitCheckOut(branch) {
//   exec('git checkout ' + branch, function (error, stdout, stderr) {
//     console.log('-----------切换新分支:%s DONE-----------', branch)
//     //添加修改文件
//     handleGitAdd('./package.json')
//   })
// }

/**
 * 添加修改文件
 * @param {string} filePath 文件路径
 */
function handleGitAdd(filePath) {
  exec('git add ' + filePath, function (error, stdout, stderr) {
    console.log('[添加修改文件输出：%s]', stdout)
    //提交文件
    handleGitCommit('更新 package.json 文件')
  })
}

/**
 * 提交文件
 * @param {string} prompt commit 文字备注
 */
function handleGitCommit(prompt) {
  // var branch = type + '/' + version
  exec('git commit -m "' + prompt + '"', function (error, stdout, stderr) {
    console.log('[提交修改文件输出：%s]', stdout)
    //推送分支
    handleGitPush()
  })
}

/**
 * 推送分支
 */
function handleGitPush() {
  exec('git push ', function (error, stdout, stderr) {
    console.log('[推送至分支:%s 输出：%s]', stdout || error || stderr)
    console.log('-----------提交修改文件完成-----------')
  })
}

/**
 * 自动生成版本号脚本思路
 * 1.获取传进来的参数 √
 * 2.根据参数进行逻辑处理 √
 * 3.获取 package.json 中的 version 参数 √
 * 4.修改 version 的值写入 package.json 文件 √
 * 5.git 提交 package.json 文件 √
 */

使用：

• node build.js --type=hotfix 只修改最小版本
• node build.js --type=release 修改功能版本
• node build.js --type=release --version=0.0.8 修改为指定版本

2.3 支付宝小程序机器人部署代码配置

打包配置修改：

// config/index.js
// 引入 package.json 内的版本号
import packageData from '../package.json'
const CIPluginOpt = {
  // 微信小程序
  weapp: {
    appid: 'appid',
   // 在开放平台下载的密钥文件；放到根目录的路径；见下图
    privateKeyPath: 'private.appid.key'
  },
  // 支付宝小程序
  alipay: {
    appId: '支付宝小程序 appid',
    toolId: '使用工具生成（见 2.3.1）,
    privateKeyPath: '私钥使用工具生成（见 2.3.1）'
  },
  // 版本号（如果是微信小程序就固定 002；可以不用更新体验版二维码图片；其他直接读 package.json 的版本号）
  version: process.argv.includes('weapp') ? '0.0.2' : packageData.version,
  // 版本发布描述
  desc: '版本描述'
// ....其他代码
const config = {
  // 其他代码
  plugins:[['@tarojs/plugin-mini-ci', CIPluginOpt], '@tarojs/plugin-html', 'taro-plugin-pinia'],
  }
}

2.3.1 生成配置需要的 toolId

安装工具：

npm install alipay-dev -g

工具初始化配置：

（1）运行 alipaydev key create -w 生成密钥。

（2）运行 alipaydev key upload 自动打开浏览器配置页或直接前往 工具密钥设置 页面，配置工具公钥（第一步中生成的 公钥）以及设置 IP 白名单（可选），设置完成后系统会为您分配一个工具 ID（toolId）。

2.4 配置 npm 打包+上传命令

"build:alipay:upload": "taro build --type alipay --upload",

没有修改版本号的结果：

修改大于上次体验版的结果：

结语

以上就是关于 Taro 自动部署微信+支付宝小程序（附带动态修改支付宝体验版版本号），属于实战教程吧，个人觉得不错，转载学习，原文链接点击这里。

以上关于Taro 自动部署微信+支付宝小程序方法的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。