HbuilderX是uniapp推荐的开发工具,今天来介绍一下如何用HbuilderX来对微信小程序进行调试开发与发布。 这里创建项目就不进行展示了,直接使用我已经创建好的项目来进行发布操作。
一、首先配置HbuilderX 与微信开发者工具关联,在HbuilderX中打开【工具】-【设置】-【运行配置】中找到小程序运行配置,在下面微信开发者工具路径将你本地微信开发者工具目录进行设置。
二、运行小程序到小程序模拟器,【运行】-【运行到小程序模拟器-微信开发者工具】。
执行该命令后,微信小程序将会在小程序模拟器中进行打开,这个时候我们就可以看到小程序具体的页面了,相当于开发前端页面时把html在浏览器中进行打开。
三、在微信开发者工具中配置开启服务端口号。在微信开发者工具页面打开【设置】-【安全设置】-【安全】就可以看到以下页面,在这里我们将服务端口打开。
四、发布小程序
在小程序开发者工具左上角选择上传,这里将微信小程序代码提交到微信公众平台,然后在公众平台进行提交代码审核,审核通过