当前位置:   article > 正文

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

uniapp 微信小程序发布

文档

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


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

通过vue-cli命令行

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

通过HBuilderX

  • 文档

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

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

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

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

二、发布微信小程序

(1)预览

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

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

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

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/683332
推荐阅读
相关标签
  

闽ICP备14008679号