携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第20天,点击查看活动详情
HbuilderX是uniapp推荐的开发工具,今天来介绍一下如何用HbuilderX来对微信小程序进行调试开发与发布。 这里创建项目就不进行展示了,直接使用我已经创建好的项目来进行发布操作。
一、首先配置HbuilderX 与微信开发者工具关联,在HbuilderX中打开【工具】-【设置】-【运行配置】中找到小程序运行配置,在下面微信开发者工具路径将你本地微信开发者工具目录进行设置。
二、运行小程序到小程序模拟器,【运行】-【运行到小程序模拟器-微信开发者工具】。
执行该命令后,微信小程序将会在小程序模拟器中进行打开,这个时候我们就可以看到小程序具体的页面了,相当于开发前端页面时把html在浏览器中进行打开。
三、在微信开发者工具中配置开启服务端口号。在微信开发者工具页面打开【设置】-【安全设置】-【安全】就可以看到以下页面,在这里我们将服务端口打开。
四、发布小程序
在小程序开发者工具左上角选择上传,这里将微信小程序代码提交到微信公众平台,然后在公众平台进行提交代码审核,审核通过后才可以运行发布为线上版本。
提交代码审核时可以选择更新类型、填写版本号和项目备注,不过这里填写之后在公众平台提交代码审核时还要填写一遍。
提到微信公众平台后的代码为开发版本,想要将开发版本发布成线上版本之前要提交审核,审核通过后就会在审核版本一栏出现,这时就可以将小程序进行发布为线上版本。