将uniapp运行到微信开发者工具

一、获取微信小程序的 AppID并配置到Uniapp

1.1. 获取AppID

登录微信公众平台：https://mp.weixin.qq.com/
开发管理->开发设置

1.2. uniapp小程序配置中填写AppID

二、获取“微信开发者工具”的安装路径并配置

• 右键微信小程序–选择打开文件所在位置

注意看这里是微信开发者工具.exe还是快捷方式的文件位置，如果是exe的文件位置，直接复制此路径即可，如果是快捷方式的文件位置，选中快捷方式，再次右键选择打开文件所在位置，然后复制路径

• 将复制的文件路径粘贴到小程序运行配置中

三、开启微信开发者工具的服务端口

• 在微信开发者工具中，通过 设置 >安全设置面板，开启“微信开发者工具”的服务端口：

四、 运行项目到小程序

• 在 HBuilderx 中，点击菜单栏中的 运行-> 运行到小程序模拟器->微信开发者工具 ，将当前 uni-app 项目编译之后，自动运行到微信开发者工具中，从而方便查看项目效果与调试：

• 运行成功