一、填写自己的微信小程序的 AppID:
1.1. 获取AppID
登录微信公众平台:https://mp.weixin.qq.com/
开发管理->开发设置
image.png
1.2. 填写AppID
image.png
二、在HBuilderX中,配置“微信开发者工具”的安装路径
2.1. 右键微信小程序--选择打开文件所在位置
image.png
2.2. 注意看这里是微信开发者工具.exe
还是快捷方式
的文件位置,如果是exe
的文件位置,直接复制此路径即可,如果是快捷方式
的文件位置,选中快捷方式,再次右键选择打开文件所在位置
,然后复制路径
image.png
2.3. 将复制的文件路径粘贴到小程序运行配置中
image.png
三、在微信开发者工具中,通过 设置 >安全设置面板,开启“微信开发者工具”的服务端口:
image.png
image.png
四、在 HBuilderx 中,点击菜单栏中的 运行-> 运行到小程序模拟器->微信开发者工具 ,将当前 uni-app
项目编译之后,自动运行到微信开发者工具中,从而方便查看项目效果与调试:
image.png
五、运行成功
image.png