微信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成功后传给后端获取用户信息