发布uni-app（发布为微信小程序）_uniapp发布到微信小程序

文档

链接: 微信官方文档•小程序•指南•起步•小程序协同工作和发布•发布上线

---

一、编译代码、运行代码到开发者工具

通过vue-cli命令行

• 步骤

1. 编译

npm run build:mp-weixin
1

2. 将代码运行到微信开发者工具
   

通过HBuilderX

• 文档

链接： uni-app官网•介绍•快速上手•通过HBuilderX•发布为小程序•发布为微信小程序

• 步骤

1. 在HBuilderX中，点击菜单栏的【发行】 -> 【小程序-微信】
   

2. 输入小程序名称和appid，点击【发行】
   
   （备注：
   如果提示：
   
   则，在manifest.json文件，点击【基础配置】-> 【重新获取】（获取uni-app应用标识AppID）
   
   ）

3. 查看控制台提示：编译成功。
   运行代码：
   （此时自动开启微信开发者工具。可以直接去微信开发者工具 预览、上传代码等）
   
   （或者：
   在微信开发者工具导入 unpackage/dist/build/mp-weixin 运行
   
   ）

二、发布微信小程序

（1）预览

在微信开发者工具，点击【预览】按钮，成功后会显示一个二维码。
使用当前小程序开发者的微信扫码即可预览。

（2）上传代码

在微信开发者工具中，点击【上传】；
点击弹框的【确定】

输入版本号和项目备注，点击【上传】

代码上传成功，【关闭弹框】

（3）提交审核

在微信开发者工具中上传了小程序代码之后。
登录小程序管理后台（链接： 微信公众平台）；
点击【版本管理】 -> 【开发版本】， 找到提交上传的版本；
点击【提交审核】 ，根据提示填写信息，即可提交审核。


（4）发布

审核通过之后，管理员的微信中会收到小程序通过审核的通知。
此时登录小程序管理后台，在审核版本中可以看到通过审核的版本。
点击【发布】，即可发布小程序。
示例：