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 = 0; i < strs.length; i++) {

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登录就好了