uni-app 自动上传

163 阅读1分钟

前言

为了一套代码能发布多个平台,这次项目用uni-app框架搭建,不能直接用微信小程序的ci自动上传(因为找不到app.json文件)

微信小程序CI自动上传👇👇👇

juejin.cn/post/730652…

虽然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 项目名称

image.png

这里用的是vue3版,使用正式版命令创建运行时报错! image.png  

创建完npm run 看看能否运行项目

 

二、安装uni-mini-ci集成工具

npm i uni-mini-ci --save-dev

uni-mini-ci集成工具

ext.dcloud.net.cn/plugin?id=1…

 

三、根目录下创建.minicirc文件

image.png  

四、打包代码

npm run build:mp-weixin

执行命令行生成dist文件夹

 

五、上传代码

添加一条命令"upload:weixin": "minici --platform weixin"到package.json的scripts中

npm run upload:weixin

执行命令行上传代码到微信后台

 

六、改变.minicirc文件内容和请求接口路径

跟之前的需求一样(如果没有这个需求,这步省略)!

image.png 创建upload_pre.js和upload_prod.js 文件,在run build打包之前,先执行

node ci/upload_pre.js或node ci/upload_prod.js改变.minicirc的内容,和请求接口的路径

image.png  

七、上传成功

微信后台查看有一条ci机器人上传的开发版本,代表上传成功

image.png

 

八、jenkins配置

image.png