失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 微信公众号网页版 获取用户code时出现跨域问题的解决办法之一

微信公众号网页版 获取用户code时出现跨域问题的解决办法之一

时间:2020-05-24 17:15:07

相关推荐

微信公众号网页版 获取用户code时出现跨域问题的解决办法之一

前提是微信公众号后台设置没有问题。

网页授权域名不要设置有问题

根据微信[官方文档]

第一步:用户同意授权,获取code

在确保微信公众账号拥有授权作用域(scope参数)的权限的前提下(服务号获得高级接口后,默认拥有scope参数中的snsapi_base和snsapi_userinfo),引导关注者打开如下页面:

https://open./connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect 若提示“该链接无法访问”,请检查参数是否填写错误,是否拥有scope参数对应的授权作用域权限。

尤其注意:由于授权操作安全等级较高,所以在发起授权请求时,微信会对授权链接做正则强匹配校验,如果链接的参数顺序不对,授权页面将无法正常访问

参考链接(请在微信客户端中打开此链接体验):

scope为snsapi_base

https://open./connect/oauth2/authorize?appid=wx520c15f417810387&redirect_uri=https%3A%2F%%2Fphp%2Findex.php%3Fd%3D%26c%3DwxAdapter%26m%3DmobileDeal%26showwxpaytitle%3D1%26vb2ctag%3D4_2030_5_1194_60&response_type=code&scope=snsapi_base&state=123#wechat_redirect

scope为snsapi_userinfo

https://open./connect/oauth2/authorize?appid=wxf0e81c3bee622d60&redirect_uri=http%3A%2F%%2Foauth_response.php&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect

尤其注意:跳转回调redirect_uri,应当使用https链接来确保授权code的安全性。

参数说明

参数 是否必须 说明

appid 是 公众号的唯一标识

redirect_uri 是 授权后重定向的回调链接地址, 请使用 urlEncode 对链接进行处理

response_type 是 返回类型,请填写code

scope 是 应用授权作用域,snsapi_base (不弹出授权页面,直接跳转,只能获取用户openid),snsapi_userinfo (弹出授权页面,可通过openid拿到昵称、性别、所在地。并且, 即使在未关注的情况下,只要用户授权,也能获取其信息 )

state 否 重定向后会带上state参数,开发者可以填写a-zA-Z0-9的参数值,最多128字节

#wechat_redirect 是 无论直接打开还是做页面302重定向时候,必须带此参数

如果我们用ajax或者axios去访问https://open./connect/oauth2/authorize?appid=wx520c15f417810387&redirect_uri=https%3A%2F%%2Fphp%2Findex.php%3Fd%3D%26c%3DwxAdapter%26m%3DmobileDeal%26showwxpaytitle%3D1%26vb2ctag%3D4_2030_5_1194_60&response_type=code&scope=snsapi_base&state=123#wechat_redirect会出现跨域问题。

但是如果你用浏览器去访问这个地址,就没有什么问题了。(具体原因去查资料)

所以我就换了一种方式:

在当前页面利用浏览器去访问这个接口,然后重定向会回到当前页面。这样这个页面就可以获取到当前微信返回的code了,然后把这个code传给后台,去换取用户信息。这样就解决了跨域问题。

接替代码如下图:

有不足之处。敬请谅解。

如果觉得《微信公众号网页版 获取用户code时出现跨域问题的解决办法之一》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。