前言
为了一套代码能发布多个平台,这次项目用uni-app框架搭建,不能直接用微信小程序的ci自动上传(因为找不到app.json文件)
微信小程序CI自动上传👇👇👇
虽然uni-app的开发工具HbuilderX集成了发布功能 发布uni-app
但我们还需要jenkins构建,所以下面介绍的是命令行上传
uni-app命令行自动上传
uni-app支持通过可视化界面、命令行两种方式创建项目,如果是可视化界面创建的项目需要先转成命令行项目
HBuilderX工程和vue-cli工程相互转换: uniapp.dcloud.io/quickstart
一、vue-cli创建项目
npx degit dcloudio/uni-preset-vue#vite 项目名称
这里用的是vue3版,使用正式版命令创建运行时报错!
![]()
创建完npm run 看看能否运行项目
二、安装uni-mini-ci集成工具
npm i uni-mini-ci --save-dev
uni-mini-ci集成工具
ext.dcloud.net.cn/plugin?id=1…
三、根目录下创建.minicirc文件
四、打包代码
npm run build:mp-weixin
执行命令行生成dist文件夹
五、上传代码
添加一条命令"upload:weixin": "minici --platform weixin"到package.json的scripts中
npm run upload:weixin
执行命令行上传代码到微信后台
六、改变.minicirc文件内容和请求接口路径
跟之前的需求一样(如果没有这个需求,这步省略)!
创建upload_pre.js和upload_prod.js 文件,在run build打包之前,先执行
node ci/upload_pre.js或node ci/upload_prod.js改变.minicirc的内容,和请求接口的路径
七、上传成功
微信后台查看有一条ci机器人上传的开发版本,代表上传成功