微信微信小程序 自动化部署 miniprogram-ci

需求:多个 appId 请求对应的接口地址,自动打包推送到小程序对应的微信公众平台。

注意: 代码上传授权文件 (private.wx***************.key) 需要在微信公众平台生成。 每次上传打包版本号等信息需要在miniprogramCI\ci.js中手动修改
参考链接:

https://www.npmjs.com/package/miniprogram-ci

如果转载,请标注出处。

一、引用对应依赖包

miniprogram-ci: npm install miniprogram-ci --save
cross-env:  npm install cross-env --save

二、修改 package.json

  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "cross-env NODE_ENV=dev node miniprogramCI/ci.js",
    "build-develop": "cross-env NODE_ENV=develop node miniprogramCI/ci.js",
    "build-test": "cross-env NODE_ENV=trial node miniprogramCI/ci.js",
    "build-release": "cross-env NODE_ENV=release node miniprogramCI/ci.js"
  },

三、文件目录

image.png

四、对应代码

constant\config\appId_config.js 配置文件

image.png

miniprogramCI\ci.js



const CI_FUN = require('./index');
(async () => {
  // 相关配置 appid + key 文件
  const APPID_CONFIG = require('./../constant/config/appId_config');

  let robot = 1 // 机器人 1- 30
  let version = '1.0.0.1.3' // 版本号
  let desc = ' ci测试 自动部署 勿用 3!!! ^_^' // 备注

  const NODE_ENV = process.env.NODE_ENV || 'develop'; // 当前环境
  /**
   * @description: 上传小程序
   * @param {*}
   * @return {*}
   */
  const upLoad = async () => {
    // 所有的项目对象
    let projectList = []
    // 根据配置循环生成项目对象
    for (key in APPID_CONFIG) {
      let appId = key
      let privateKeyPath = APPID_CONFIG[key].keyFilePath
      let opt = CI_FUN.createProject({ appId, privateKeyPath })
      projectList.push(opt)
    }
    for (let i = 0; i < projectList.length; i++) {
      let item = projectList[i]
      await CI_FUN.createPackNpm(item).then(res => {
        console.log(res, '构建完成')
      })
      await CI_FUN.uploadProject({ project: item, version, desc, robot }).then(res => {
        console.log(res, '上传完成')
      })
    }
    return new Promise(resolve => {
      resolve()
    })
  }


  switch (NODE_ENV) {
    case "develop"://开发环境
      robot = 1
      await upLoad();
      break;
    case "trial"://体验版
      robot = 2
      await upLoad();
      break;
    case "release"://正式版
      robot = 3
      await upLoad();
      break;
    default:
      return Error('未找到对应环境')
      break;
  }
})()

miniprogramCI\index.js

const ci = require('miniprogram-ci') // 引入ci
const ignores = [
  'node_modules/**/*',
  'key/**/*',
  '.history/**/*',
  '.idea/**/*',
  'miniprogramCI/**/*',
  '.gitignore',
  '.gitlab-ci.yml',
  'README.md',
  'jsconfig.json',
  'package-lock.json',
  'package.json',
  'project.private.config.json',
  'yarn.lock',
  'common/chatInterface.css'
]


const CiFunction = {
  /**
   * @description: 创建 ci 项目对象
   * @param {*} appId   合法的小程序/小游戏 appid
   * @param {*} type 显示指明当前的项目类型, 默认为 miniProgram,有效值 miniProgram/miniProgramPlugin/miniGame/miniGamePlugin
   * @param {*} projectPath 项目路径,即 project.config.json 所在的目录
   * @param {*} privateKeyPath // 私钥文件的路径
   * @param {*} ignore  // 指定需要排除的规则
   * @return {*}
   */
  createProject: function ({ appId, privateKeyPath }, projectPath = './', type = 'miniProgram', ignore = ignores) {
    return new ci.Project({
      appid: appId,
      type: type,
      projectPath: projectPath,
      privateKeyPath: privateKeyPath,
      ignores: ignore
    })
  },

  /**
   * @description: 构建 npm
   * @param {*} project
   * @return {*}
   */
  createPackNpm: async function (project) {
    // 在有需要的时候构建npm
    const packNpm = await ci.packNpm(project, {
      ignores: ['pack_npm_ignore_list'],
      reporter: (infos) => { console.log(infos) }
    })
    return new Promise(resolve => {
      resolve(packNpm)
    })
  },



  /**
   * @description: 微信ci 上传代码
   * @param {*} project  项目对象
   * @param {*} version  版本号
   * @param {*} desc // 上传描述
   * @param {*} robot // 指定使用哪一个 ci 机器人,可选值:1 ~ 30
   * @return {*}
   */
  uploadProject: async function ({ project, version = '0.0.0', desc = 'test', robot = 1 }) {
    if (!project) {
      console.log('project 对象为空 上传失败')
      return
    }
    const upload = await ci.upload({
      project,
      version,
      desc,
      setting: {
        minify: true, // 上传时压缩所有代码,对应于微信开发者工具的 "上传时压缩代码"
        es6: true, // 对应于微信开发者工具的 "es6 转 es5"
        es7: true, // 增强编译
        disableUseStrict: true, // "增强编译" 开启时,是否禁用JS文件严格模式,默认为false
        autoPrefixWXSS: true, // 上传时样式自动补全
        codeProtect: true, // 对应于微信开发者工具的 "上传时进行代码保护"
        minifyJS: true,
        minifyWXML: true,
        minifyWXSS: true
      },
      robot,
      onProgressUpdate: console.log // 进度更新监听函数
    })
    return new Promise(resolve => {
      resolve(upload)
    })
  },



  /**
   * @description: 微信ci 预览
   * @param {*} project  项目对象
   * @param {*} version  版本号
   * @param {*} desc // 上传描述
   * @return {*}
   */
  preview: async function ({ project, version = '0.0.0', desc = 'test' }) {
    if (!project) {
      console.log('project 对象为空 上传失败')
      return
    }
    const upload = await ci.upload({
      project,
      version,
      desc,
      setting: {
        minify: true, // 上传时压缩所有代码,对应于微信开发者工具的 "上传时压缩代码"
        es6: true, // 对应于微信开发者工具的 "es6 转 es5"
        es7: true, // 增强编译
        disableUseStrict: true, // "增强编译" 开启时,是否禁用JS文件严格模式,默认为false
        autoPrefixWXSS: true, // 上传时样式自动补全
        codeProtect: true, // 对应于微信开发者工具的 "上传时进行代码保护"
      },
      qrcodeFormat: 'image',
      qrcodeOutputDest: 'destination.jpg',
      // pagePath: 'pages/index/index', // 预览页面
      // searchQuery: 'a=1&b=2',  // 预览参数 [注意!]这里的`&`字符在命令行中应写成转义字符`\&`
      // scene: 1011, // 场景值
    })
    return new Promise(resolve => {
      resolve(upload)
    })
  }
}
module.exports = CiFunction

.gitlab-ci.yml

image: node:14  // 对应镜像
variables:
  DOCKER_DRIVER: overlay2 
  DOCKER_TLS_CERTDIR: '' 

stages:
  - build

  # 安装依赖&&构建打包
build develop:
  stage: build
  script:
    - |
      fs-msg-cli -t card -b ${TEST_BOT_ID} -m "${CI_PROJECT_NAME}-小程序开发版!
      版本唯一标识:${CI_COMMIT_SHA}
      即将推送 请稍等~
      "
    - npm install
    - npm run build-develop
    - |
      fs-msg-cli -t card -b ${TEST_BOT_ID} -m "${CI_PROJECT_NAME}-小程序开发版!
      版本唯一标识:${CI_COMMIT_SHA}
      推送完成~
      "
  only:
    - dev

build test:
  stage: build
  script:
    - |
      fs-msg-cli -t card -b ${TEST_BOT_ID} -m "${CI_PROJECT_NAME}-小程序体验版!
      版本唯一标识:${CI_COMMIT_SHA}
      即将推送 请稍等~
      "
    - npm install
    - npm run build-test
    - |
      fs-msg-cli -t card -b ${TEST_BOT_ID} -m "${CI_PROJECT_NAME}-小程序体验版!
      版本唯一标识:${CI_COMMIT_SHA}
      推送完成~
      "
  only:
    - test

build release:
    stage: build
    script:
    - |
      fs-msg-cli -t card -b ${TEST_BOT_ID} -m "${CI_PROJECT_NAME}-小程序正式版!
      版本唯一标识:${CI_COMMIT_SHA}
      即将推送 请稍等~
      "
    - npm install
    - npm run build-release
    - |
      fs-msg-cli -t card -b ${TEST_BOT_ID} -m "${CI_PROJECT_NAME}-小程序正式版!
      版本唯一标识:${CI_COMMIT_SHA}
      推送完成, 请前往公众号提交审核!!!~
      "
    only:
    - release

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容