微信H5授权登录跨域问题解决方案

本文详细介绍如何利用前端技术实现微信网页授权登录流程,包括获取code值及处理跨域问题的方法。

看了网上很多关于微信网页授权登录的文章,大致分为两种,一种是使用依赖包调用相应的方法实现,另一种直接http访问,但是大部分都是通过后端处理的,一般都会出现跨域问题,有文章提出前端获取code的方案,但是说的不是很详细,这里我来详细说明一下:
前端访问获取code
首先第一步是访问https://open.weixin.qq.com/connect/oauth2/authorize+(参数)获取code值,一般都是在这个地方出现跨域问题,但是如果把这个url放到微信开发者工具的浏览器中访问就不会出现问题,所以我们只需要考虑怎么把这个url放到浏览器路径上即可,熟悉js的应该已经想到window.location.href=url这种方法,也就是说不能让后端处理这个请求,应该让前端发送请求到微信服务器,将url写死在js里还是放在后台返回给页面都是可以的。
微信服务器携带code跳转至目标地址
由微信服务器携带code跳转至redirect_url,再由目标地址携带code访问https://api.weixin.qq.com/sns/oauth2/access_token+(参数)就可得到目标信息了。

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值