微信H5 Redirect_uri参数错误解决方法
Posted 上善若水
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信H5 Redirect_uri参数错误解决方法相关的知识,希望对你有一定的参考价值。
1 https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx14127af0bc9fd367&redirect_uri=http%3A%2F%2Ffbh5.wx.pre.qsepay.com%2Fbzinsh5%2Fpersonal%2Ffbwap.htm%3Fsource%3Dwage%26debug%3D1&response_type=code&scope=snsapi_base&state=&connect_redirect=1#wechat_redirect
1.0 引子
如上所示,就是我们报错的url,下面就捋一捋我项目中的使用吧
redirect_uri 在我的项目中一般是取当前项目的url,用于获取授权auth_code
<!--微信 授权都是通过code换取openid 分为 隐式授权(snsapi_base) / 显式授权(snsapi_userinfo)--> /** * 隐式授权(snsapi_base) 不弹窗 (显示授权同意后,可以使用此方式获取用户信息) */ function toAuthorize(){ var URIString=encodeURIComponent(window.location.href); window.location.href="https://open.weixin.qq.com/connect/oauth2/authorize?appid="+appid+"&redirect_uri="+URIString+"&response_type=code&scope=snsapi_base&state=#wechat_redirect"; } /** * 显式授权(snsapi_userinfo) 弹出 "是否允许该网站获取头像,昵称信息" 确认窗口 */ function toAuthorizeX(){ var hrefstr=window.location.href; if(hrefstr.indexOf("code=")!=-1){ hrefstr= hrefstr.substr(0,hrefstr.indexOf("code=")); } var URIString=encodeURIComponent(hrefstr); window.location.href="https://open.weixin.qq.com/connect/oauth2/authorize?appid="+appid+"&redirect_uri="+URIString+"&response_type=code&scope=snsapi_userinfo&state=#wechat_redirect"; }
2.0 分析错误
2.1 有问题找官网 http://mp.weixin.qq.com/wiki/17/c0f37d5704f0b64713d5d2c37b468d75.html
2.2 友情提示:
网页授权的域名跟 Redirect_uri 所指向的页面的域名不一致
比如:你授权的 域名是 http://m.qsepay.com
你网页跳转的 url 是 http://m.qsepay.com/bzinsh5
这两个很明显不是在同一个域名下,你需要把 Redirect_uri 设置为:http://m.qsepay.com/bzinsh5
以上是关于微信H5 Redirect_uri参数错误解决方法的主要内容,如果未能解决你的问题,请参考以下文章
微信公众平台,微信网页授权,redirect_uri参数错误,解决方法!