微信微信小程序 自动化部署 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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,013评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,205评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,370评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,168评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,153评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,954评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,271评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,916评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,382评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,877评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,989评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,624评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,209评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,199评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,418评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,401评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,700评论 2 345

推荐阅读更多精彩内容