H5 授权微信第三方登录

第一步：拉授权页面进行微信登录

let pages = 'https://open.weixin.qq.com/connect/oauth2/authorize?

appid='+自己的appid+'&redirect_uri='+授权登录后返回的页面+'&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect'

//我是用的非静默授权，snsapi_userinfo 需要用户手动同意

window.location.href = pages

第二步：获取页面返回的code

//这个是解析url参数的方法

var getRequest = function() {

var url = window.location.search

var theRequest = new Object()

if (url.indexOf("?") != -1) {

var str = url.substr(1)//获取url中"?"符后的字串 

var strs = str.split("&")

for (var i = 0i <strs.lengthi++) {

theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1])

}

}

return theRequest

}

//判断url中是否有code

if(getRequest.code){

// H5获取微信accesstoken

this.getWxAccessToken(getRequest.code)

}

第三步：  通过code换取网页授权access_token(这些步骤后端会处理 前端只需要调用后端的一个接口)

会返回 openid，通过openid登录就好了

window.location.href = '链接地址'

1 第一步：用户同意授权，获取code

2 第二步：通过code换取网页授权access_token

3 第三步：刷新access_token（如果需要）

4 第四步：拉取用户信息(需scope为 snsapi_userinfo)

5 附：检验授权凭证（access_token）是否有效

如果有什么不对或者不懂的地方欢迎私聊哦

---