发布uni-app(发布为微信小程序)

文档

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


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

通过vue-cli命令行

  • 步骤
  1. 编译
npm run build:mp-weixin
  1. 将代码运行到微信开发者工具
    在这里插入图片描述

通过HBuilderX

  • 文档

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

  • 步骤
  1. 在HBuilderX中,点击菜单栏的【发行】 -> 【小程序-微信】
    在这里插入图片描述

  2. 输入小程序名称和appid,点击【发行】
    在这里插入图片描述
    (备注:
    如果提示:
    在这里插入图片描述
    则,在manifest.json文件,点击【基础配置】-> 【重新获取】(获取uni-app应用标识AppID)
    在这里插入图片描述

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

二、发布微信小程序

(1)预览

在微信开发者工具,点击【预览】按钮,成功后会显示一个二维码。
使用当前小程序开发者的微信扫码即可预览。
在这里插入图片描述
(2)上传代码

在微信开发者工具中,点击【上传】;
点击弹框的【确定】
在这里插入图片描述
输入版本号和项目备注,点击【上传】
在这里插入图片描述
代码上传成功,【关闭弹框】
在这里插入图片描述
(3)提交审核

在微信开发者工具中上传了小程序代码之后。
登录小程序管理后台(链接: 微信公众平台);
点击【版本管理】 -> 【开发版本】, 找到提交上传的版本;
点击【提交审核】 ,根据提示填写信息,即可提交审核。
在这里插入图片描述
在这里插入图片描述
(4)发布

审核通过之后,管理员的微信中会收到小程序通过审核的通知。
此时登录小程序管理后台,在审核版本中可以看到通过审核的版本。
点击【发布】,即可发布小程序。
示例:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值