微信H5网页公众号授权登录
详细请仔细阅读《微信官方开发文档》
第一步,申请微信测试号,配置接口信息:
第二步,在接口权限列表中找到网页账号>网页授权获取用户基本信息选项进行配置:
注意:这里填写的是域名是一个字符串 而不是url 不需要加http:// 或者https://等协议头
授权回调域名配置规范为全域名 比如需要网页授权的域名 www.xxx.com ,配置以后此域名下面的页面 http://www.xxx.com/index.html 、 http://www.xxx.com/login.html 都可以进行OAuth2.0 鉴权 但http://www.nosq.com 无法进行OAuth2.0 鉴权
第三步,配置好后,在代码中调用授权页面:
window.location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?appid="+ this.appid +"&redirect_uri="+encode.UrlEncode(this.redirect_url)+"&response_type=code&scope=snsapi_userinfo&state=123&connect_redirect=1#wechat_redirect" // appid:测试号的appid; // redirect_uri:跳转的目标页面,在此目标页面获取code,获取code成功后传给后端获取用户信息