微信小程序miniprogram-ci上传代码

需求

多个微信小程序共用同一套代码，通过开发工具上传代码较繁琐，希望通过后台点击上传。

调研

通过查阅资料，发现微信提供了两种方法

• miniprogram-ci 上传代码https://developers.weixin.qq.com/miniprogram/dev/devtools/ci.html
  接入较简单，功能也单一，只是提供了代码上传、预览等简单功能
• 通过第三方平台(较为复杂，后续更新)
  https://developers.weixin.qq.com/doc/oplatform/Third-party_Platforms/Third_party_platform_appid.html
  提供大量接口，可提供公众号和小程序创建、开发等服务，接入较复杂

针对需求和实现难度，暂时考虑miniprogram-ci方法

miniprogram-ci接入

前期准备

1. 获取appid和对应的小程序代码上传密钥（开发设置-小程序代码上传中获取）
2. 由于是本地环境调试，先关闭IP白名单
3. 我使用的是uni-app，将build后的微信小程序文件和小程序上传密钥文件放到vue项目中

一次错误的尝试

1. 在vue项目中安装

npm install miniprogram-ci --save

2. 按照文档中的写了方法,对应appid、projectPath、privateKeyPath等都配置好了

const ci = require('miniprogram-ci')
;(async () => {
  const project = new ci.Project({
    appid: 'wxsomeappid',
    type: 'miniProgram',
    projectPath: 'the/project/path',
    privateKeyPath: 'the/path/to/privatekey',
    ignores: ['node_modules/**/*'],
  })
  const uploadResult = await ci.upload({
    project,
    version: '1.1.1',
    desc: 'hello',
    setting: {
      es6: true,
    },
    onProgressUpdate: console.log,
  })
  console.log(uploadResult)
})()

3. 调用上面的方法，报错fs.statSync is not a function。
   查了一波资料，说是需要node环境。翻官网，看到了这个

   
   
   image.png
4. 换个方式
   将之前的代码放到mini.js中，在vscode终端中，cd进入mini.js所在目录，执行

node mini.js

去小程序平台查看，上传成功。但这种方法明显不符合需求，不能在后台系统点击操作

使用nodesjs服务执行

1. 使用koa搭建nodejs项目
2. 引入miniprogram-ci
3. 小程序和上传密钥资源拷贝到项目中
4. 创建mini.js

let uploadMini = function(appid) {
    return new Promise(async (resolve, reject) => {
        const ci = require('miniprogram-ci')
        const path = require('path')
        const project = new ci.Project({
            appid: appid,
            type: 'miniProgram',
            projectPath: path.resolve(__dirname, './source/mp-weixin'),
            privateKeyPath: path.resolve(__dirname, `./source/private.${appid}.key`),
            ignores: ['node_modules/**/*'],
        })
        ci.upload({
            project,
            version: '1.1.1',
            desc: 'hello',
            setting: {
            es6: true,
            },
            onProgressUpdate: console.log,
        }).then(res => {
            resolve({ code: 0, msg: 'success' })
        }).catch(err => {
            reject(err)
        })
    })
}

module.exports = { uploadMini }

5. 创建一个接口

const { uploadMini } = require('./mini.js')
router.get('/uploadMini', async ( ctx )=>{
    let appid = ctx.query.appid
    let response = {}
    if (appid) {
      let res = await uploadMini(appid).catch(err => {
        if (err.code == 20003) {
          err.msg = 'appid与上传密钥不匹配'
        }
        ctx.body = err
      })
      if (res) {
        ctx.body = res
      }
    } else {
      response = {
        code: 1,
        msg: '发布失败'
      }
      ctx.body = response
    }
  })

6. Vue项目中调用该接口（传入appid）