第一步下载需要的开发工具:
下载HBuilderX:https://www.dcloud.io/hbuilderx.html
![](https://img-blog.csdnimg.cn/img_convert/8ae6ade9c1fcfa4bc3d34441415808af.png)
下载微信开发者工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/nightly.html
![](https://img-blog.csdnimg.cn/img_convert/b19258aac6c608301015a8612052b468.png)
第二步将自己在HBuilderX 开发的uniapp项目打开并保证能运行,然后点击 工具 进行配置微信开发者工具路径:
![](https://img-blog.csdnimg.cn/img_convert/6a2db6d7339901a3ba475fe851efada4.png)
第三步打开微信开发者工具,点击小程序->点击+号创建小程序(注意这步操作只是拿到测试的appid,不需要真的创建,复制号测试appid):
![](https://img-blog.csdnimg.cn/img_convert/8a003ea8c8b3ec10b707c9bfe5f4216c.png)
第四步将获得的appid配置到uniapp项目的manifest.json文件中:
![](https://img-blog.csdnimg.cn/img_convert/0d5c6029e8362b7eaf456baf02576a05.png)
第五步
点击微信开发者工具的设置,找到安全设置,将服务端口打开:
![](https://img-blog.csdnimg.cn/img_convert/3daaf3217d15b432712c9e6ab35c6627.png)
![](https://img-blog.csdnimg.cn/img_convert/a1e27c24fe19a95bd77d30d6f51c041b.png)
第六步回到HBuilderX 点击运行到微信开发者工具就可以了
后面的就不给大家配图了,运行后微信公众号会自动弹出界面了,就可以开心的调试了!!!!