微信公众号网页jsapi授权

微信授权登录并获取用户基本信息

官方文档

详细步骤

1. 微信公众账号提供用户请求授权页面URL。
2. 用户点击授权页面URL，将向服务器发起请求
3. scope为snsapi_base时 服务器询问用户， 用户同意授权给微信公众账号
4. 服务器跳转页面将CODE回调传给微信公众账号
5. 微信公众账号通过CODE向服务器请求Access Token 完成授权

实现

1. 微信公众平台配置 ： 必须配置成 https://****
   
   此处需要 安全域名的证书必须来自当前域名下，在开发中因为java配置证书为别的域名下。导致在开发者工具中，调用一切正常。在微信端页面一片空白；
   
2. 拼接授权URL

代码如下

if (this.$route.query.code) {
				this.setAuth();	

				let code = this.$route.query.code
					setAuth({code}).then(data => {
						this.userInfo = data
					})
			} else {
				window.location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=你的appid&redirect_uri=https://www.hzhouse.top&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect"
}

网页授权重要的是理解过程, 该配置的配好了。代码其实很简单~