微信公众号本地调试授权

307 阅读1分钟

1.申请公众号测试号

注册地址:mp.weixin.qq.com/debug/cgi-b…

2.配置相关信息

1. 调试前需要微信扫码关注申请的测试号

2. 前端做个判断本地调试时重定向到新的链接

详情见微信网页授权OAuth2.0机制:developers.weixin.qq.com/doc/offiacc…

window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?
appid=xxxxxxxxx&redirect_uri=https://192.168.1.58:443/home&response_type=code&scope=sn
sapi_base&state=STATE#wechat_redirect'

这里的appid是你申请的测试号的appid后台也得配置下

image.png

3. 体验接口权限表--网页服务--网页授权获取用户基本信息--修改

这里用的本地前端项目启动的ip,上面重定向redirect_uri也要换成这个

image.png

也可以配置上一个不存在的域名比如www.test.com然后修改host文件,把域名映射到本地的ip 在host文件添加上一行 127.0.0.1 wx.test.com,配成这个的话redirect_uri就也要改成这个(之前配了个这种wx.wechat.com,也能ping通,但是重定向之后却不能访问)

4.最后配置完成后在微信开发者工具打开项目