1、uniapp配置
1-1、配置appid
1,先在HBuilder X中找到项目的manifeast.json文件
2,点击微信小程序
3,将自己的小程序的appid配置进去即可
1-2、填写自己的微信开发者工具所在路径
1,在HBuilder X中找到导航栏中的工具
2,点击工具,然后点击运行配置
3,找到小程序运行配置,填写自己的微信开发者工具所在路径(不知道可以右键点击打开文件所在位置)
1-3、填写uni-app的appid
1,查看HBuilder X中项目内的的manifest
2,找到基础配置,查看其中的uni-app的appid是不是没填,没有填写的话点击后面的获取,自动获取填上即可
2、微信开发者工具配置
2-1、打开微信开发者工具服务端口
找到微信开发者工具的设置-》通用设置-》安全,然后将服务端口打开即可正常使用了
3、在微信开发者工具运行
3-1、直接运行
在HBuilder X工具栏-》运行-》运行到小程序模拟器-》微信开发者工具
3-2、打包后运行
有些项目没有办法直接运行,没有app.json,需要打包之后运行
1、打包之后找到:项目\unpackage\dist\dev\mp-weixin
2、在微信开发者工具运行mp-weixin
4、问题以及解决
4-1、h5正常运行,但是微信开发者工具网络报错
H5(网页端)会按照当前页面的 url 构建完整的请求 url,所以可以请求成功,小程序不行
解决办法:
排查是否请求路径问题,填写完整的请求路径