环境
应用uniapp开发小程序，主要有两种方式：
- 应用
HBuilderX搭建小程序 - 应用
vue-cli搭建小程序
HBuilderX构建的新项目，点一下HBuilderX工具栏里的【发售】，装包微信小程序vue-cli的构建的新项目，在cmd实行build:mp-weixin，装包微信小程序
之后在【微信web专用工具】导进 dist/build/mp-weixin 文件夹名称，开启新项目，提交微信小程序。
这一套实际操作出来，很繁杂并且高效率也并不是很高，那样怎么才能舒适的提交编码呢？
还好小程序官方网上线了一个编码上传工具 miniprogram-ci，可是现在只有 HBuilderX 适用全自动提交编码到微信公众平台，vue-cli 项目仍需要我们自身写一些配备才能达到。
下边会叙述两种方式如何做到“一键全自动提交小程序代码”。
获得提交密匙并配有IP授权管理
-
登陆微信开放平台，寻找开发-开发设计设定-小程序代码提交
-
点一下右边的重设/形成，点一下【免费下载密匙】就可以取得密匙文档，储存在本地（可储存在工程中）
-
随后假如下边开【IP授权管理】，我们应该将自己的IP加上进来（tips：假如打开了授权管理且没有加上IP，装包的时候就会提醒
{errCode: -10008}，这时候会显示大家计算机的IP多少钱，然后把这一IP地址加上就可以)
应用 HBuilderX 构建小程序完成一键提交
首先我们要需要将 HBuilderX 升级成v3.3.7-alpha或以上，官方文档
- 在
HBuilderX打开小程序新项目，点一下HBuilderX顶端工具栏里的【发售】，挑选【微信小程序-手机微信】
- 在弹出窗口中启用上【自动上传入微信公众平台】
依照图中备注名称，把版本信息、刚下载的软件微信公众号密匙、叙述（可选择）、智能机器人序号填入
- 点一下【发售】，cmd会开始装包可自动提交微信小程序
vue-cli 构建小程序完成一键提交
构思要先运行命令 build:mp-weixin 装包，再执行 miniprogram-ci 提交编码
- 在vue-cli构建的项目中组装
miniprogram-ci
npm install miniprogram-ci --D
- 新项目网站根目录新创建
uploadMp.js文档，黏贴下列编码，根据改动配备
const ci = require('miniprogram-ci')
;(async () => {
const project = new ci.Project({
appid: '微信小程序AppId', // (⚠️改动)
type: 'miniProgram',
projectPath: 'dist/build/mp-weixin', // uniapp装包后的路线
privateKeyPath: 'privatekey.key', // 微信公众号密匙，提议放新项目网站根目录 (⚠️改动)
ignores: ['node_modules/**/*'] // 特定必须清除规则
})
const uploadResult = await ci.upload({
project, // 新项目目标
version: '1.0.0', // 版本信息 (⚠️改动)
desc: '', // 项目介绍 (⚠️改动)
// 下列配备，根据自身的【微信web专用工具当地配备】⚠️改动（见下图）
setting: {
minifyWXML: true, // boolean 缩小 WXML 编码
minifyWXSS: true, // boolean 缩小 WXSS 编码
es6: false, // boolean 相匹配小程序开发者工具的使用 "es6 转 es5"
es7: false, // boolean 相匹配小程序开发者工具的使用 "提高编译程序"
minifyJS: false, // boolean 缩小 JS 编码
minify: false, // boolean 缩小全部编码，相匹配小程序开发者工具的使用 "缩小编码"
codeProtect: false, // boolean 相匹配小程序开发者工具的使用 "编码维护"
autoPrefixWXSS: false // boolean 相匹配小程序开发者工具的使用 "款式自动补全"
},
onProgressUpdate: console.log // 进展升级监视函数公式
})
console.log(uploadResult)
})()
我的手机微信微信开发工具当地配备：
- 改动package.json装包命令
在原先的 build:mp-weixin 任务后，增加 && node uploadMp.js，即装包后运作 uploadMp.js 编码
Vue2
"scripts": {
...
"build:mp-weixin": "cross-env NODE_ENV=production UNI_PLATFORM=mp-weixin vue-cli-service uni-build && node uploadMp.js"
...
}
Vue3
"scripts": {
...
"build:mp-weixin": "uni build -p mp-weixin && node uploadMp.js"
...
}
- 最终在cmd实行
npm run build:mp-weixin，就可以公布并上传
【小程序助手】查询上传版本号
开启小程序【小程序助手】，大家可以看到刚上传版本号
以上就是关于 uniapp 一键全自动提交小程序代码的办法。
uniapp还提供# CLI 发售uni-app到小程序，土豪玩家能够玩下。
One More Thing 1
小程序怎么区分开发版、测试版、最新版本？
const ENV = __wxConfig.envVersion
// develop 开发版
// trial 测试版
// release 最新版本
One More Thing 2
怎样在VSCode左边，表明 package.json中 的 npm 命令？
在左侧菜单栏，右健标注的界面中启用【npm脚本制作】就可以
