1.微信网页如果要授权,需要登录微信公众平台,然后在自己公众号-公众号设置-功能设置-网页授权配置
回调网页地址(就是redirect_url,具体参考官网网页授权中有介绍)。但是这种需要域名,也就是需要将网页部署在配置的域名服务器上,这显然对于我们开发阶段不适合调试
那么我们怎么样能够在本地进行调试呢
1.首先找到自己公众号的这个位置点击进去,微信官方暂时提供一个测试号供我们使用,该测试号可以用来测试网页授权功能
2.进去之后可以看到下面这个界面,这里提供的测试号的appid就是我们等会用来测试网页授权的appid,
js接口安全域名以及接口配置信息不用管,直接往下翻可以看到第二张图的部分,点击修改网页授权用户基本信息,会弹出一个填写网页授权回调域名,这个回调域名就是当用户授权后,微信自动重定向的一个地址,也就是我们的前端页面项目地址。但是我们本地开发调试哪儿来的域名呢,我们可以直接填写ip地址也是可以的,例如参考第三张图
填写完安全域名/ip地址之后,需要注意之后我们回调的地址需要和这里填写的ip地址一致,并且回调地址的项目需要跑在80端口。
为什么一定要配置80端口呢?文章来源:https://www.toymoban.com/news/detail-498120.html
微信重定向不支持带端口的访问域名
配置80端口,就可以只输入网址
3.接下来可以进行微信网页授权最关键的部分了,首先我们看js代码部分,这里我使用的vue开发的项目。
具体操作如下,相信看完下面这张图应该知道具体流程了
参考文章:https://juejin.cn/post/7044805966486831140文章来源地址https://www.toymoban.com/news/detail-498120.html
到了这里,关于微信网页授权,以及如何在本地调试的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!