【转载】解决微信OAuth2.0网页授权回调域名只能设置一个的问题

最新推荐文章于 2020-11-30 12:10:07 发布

liNewman

最新推荐文章于 2020-11-30 12:10:07 发布

阅读量155

点赞数

本文链接：https://blog.csdn.net/liNewman/article/details/86576316

版权

地址 http://www.cnblogs.com/doseoer/p/5592633.html

GetWeixinCode

解决微信OAuth2.0网页授权回调域名只能设置一个的问题

部署get-weixin-code.html至你的微信授权回调域名的目录下，例如http://wx.abc.com/get-weixin-code.html
在其他页面的使用方式如下，类似于直接通过微信回调的方式，只是将回调地址改成了get-weixin-code.html的地址，另外省去了response_type参数（因为它只能为code）以及#wechat_redirect的hash，它们会在get-weixin- code.html里面去加上
```
location.href = 'http://wx.abc.com/get-weixin-code.html?appid=XXX&scope=XXX&state=XXX&redirect_uri=' + encodeURIComponent(location.href); 
```
get-weixin-code.html页面从微信那里拿到code之后会重新跳转回调用的页面，并且在url后面带上code

通过多一次的跳转，解决了微信限制回调域名只能设置一个的问题
牺牲了一点用户体验，换来了项目部署的美感，不需要将各种项目都部署到一个域名下
如果你有这样的需求，可以使用本项目
欢迎提交pull request
很多朋友问我怎么支持第三方微信平台，这个需要对不同的第三方平台的授权方式有所了解，熟悉他们的授权方式，请求参数等。如果他们是通过在网站入口处的URL上进行授权的，那么可以使用本项目，将入口的URL改成上述的方式，如果他们是在流程中的某些页面去获取授权，那么是没法改变他们的获取地址的，所以本项目就不适用了

posted @ 2017-07-02 17:15 Newman·Li 阅读( ...) 评论( ...) 编辑收藏

关注