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

一、填写自己的微信小程序的 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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容