微信小程序如何一键发布??小程序CI工具 miniprogram-ci
发布于 5 年前 作者 mwen 2417 次浏览 来自 分享

微信小程序官方维护的CI工具!!方便快捷,解放双手。微信小程序官方CI工具 miniprogram-ci文档

最近公司同事在接入弄微信小程序的CI工具,实现一键发布,我也跟着学习了一波,哈哈哈!!了解到使用方法之后,赶紧把自己的小程序也加上了这个功能,也算是自己玩玩。

小程序CI接入很方便,依赖node环境,安装好CI包之后就可以使用了。先看看下面这段上传示例代码:

// 可以参考我的个人项目代码:https://github.com/HerryLo/wxSapp/blob/master/config/upload.wx.js
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)
})()

依赖微信小程序官方维护的miniprogram-ci包,安装了node后,install就可以使用了。

初始化ci.Project时,需要提供appid、项目的类型type、项目路径projectPath、私钥privateKeyPath、 排除的规则ignores,6个参数; 其中私钥privateKeyPath,是在 微信小程序后台-开发-开发设置-小程序代码上传获取私钥。

至于ci.upload字面理解就可以,上传小程序代码,当然也需要配置参数。参数不在这里过多介绍,要看参数,直接看文档吧!!微信小程序官方CI工具 文档

miniprogram-ci功能

上面只是展示上传功能,其实它还有其他功能,下面是miniprogram-ci 目前可以提供功能:

1. 上传代码,对应小程序开发者工具的上传
2. 预览代码,对应小程序开发者工具的预览
3. 构建 npm,对应小程序开发者工具的: 菜单-工具-构建npm
4. 代理,配置 miniprogram-ci 的网络请求代理方式
5. 支持获取最近上传版本的 sourceMap
6. 支持 node 脚本调用方式和 命令行 调用方式

以上就是微信小程序miniprogram-ci具备的功能,相信可以满足大多数人的需求。提醒⏰:记住别忘记配置IP白名单!!,不然上传会报错。

废话不多说,赶快来解放你的双手吧!!

附上我自己的微信小程序CI的代码,希望可以帮助到你。

代码地址:https://github.com/HerryLo/wxSapp

其实还可以有很多玩法,比如配合Jenkins、gitlab、github Action都是可以的,喜欢的可以自己研究哦!不过欢迎交流👏👏

ps: 微信公众号:Yopai,有兴趣的可以关注,每周不定期更新。不断分享,不断进步

3 回复

配合gitlab git push后自动打包上传很爽的

这个是真香

自己的项目,准备搞个github Action就可以了

回到顶部