【uniapp】HbuilderX发布微信小程序

1,542 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第20天,点击查看活动详情

HbuilderX是uniapp推荐的开发工具,今天来介绍一下如何用HbuilderX来对微信小程序进行调试开发与发布。 这里创建项目就不进行展示了,直接使用我已经创建好的项目来进行发布操作。

一、首先配置HbuilderX 与微信开发者工具关联,在HbuilderX中打开【工具】-【设置】-【运行配置】中找到小程序运行配置,在下面微信开发者工具路径将你本地微信开发者工具目录进行设置。

image.png

二、运行小程序到小程序模拟器,【运行】-【运行到小程序模拟器-微信开发者工具】。

执行该命令后,微信小程序将会在小程序模拟器中进行打开,这个时候我们就可以看到小程序具体的页面了,相当于开发前端页面时把html在浏览器中进行打开。

image.png

三、在微信开发者工具中配置开启服务端口号。在微信开发者工具页面打开【设置】-【安全设置】-【安全】就可以看到以下页面,在这里我们将服务端口打开。

image.png

四、发布小程序

在小程序开发者工具左上角选择上传,这里将微信小程序代码提交到微信公众平台,然后在公众平台进行提交代码审核,审核通过后才可以运行发布为线上版本。

image.png

image.png

提交代码审核时可以选择更新类型、填写版本号和项目备注,不过这里填写之后在公众平台提交代码审核时还要填写一遍。

image.png

提到微信公众平台后的代码为开发版本,想要将开发版本发布成线上版本之前要提交审核,审核通过后就会在审核版本一栏出现,这时就可以将小程序进行发布为线上版本。

image.png