H5 授权微信第三方登录

最新推荐文章于 2024-09-12 10:34:38 发布

痞子Monkey

最新推荐文章于 2024-09-12 10:34:38 发布

阅读量5.4k

点赞数 2

本文链接：https://blog.csdn.net/weixin_42065713/article/details/103804525

版权

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

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