微信二维码登陆实现原理

在电脑上使用微信时，你可能已经发现微信不提供传统的账号密码登陆，取而代之的是通过扫描二维码进行登陆。今天就要研究下次登陆方式微信时如何实现的？

1、每次用户打开PC端登陆请求，系统返回一个唯一的uid，并将uid的信息绘制成二维码返回给用户。这里的uid一定是唯一的，否则就会造成你登陆了其他用户的账号或者其他用户登陆你的账号。

2、当用户使用登陆后的微信扫描该二维码的时候，会将这个uid和手机上的微信账号及密码产生的token进行绑定，并上传到服务器。

3、WEB通过JS不断的向后端发起请求，查询有没有关于uid的登陆记录（uid和token是否存在于服务器上）。实现代码可以从微信页面获取：

	function _poll(_asUUID) {<br />
		var _self = arguments.callee,<br />
            _nTime = 0;<br />
		_sCurUUId = _asUUID;</p>
<p>        _logInPage(“_poll Request Start, time: ” + new<br />
Date().getTime());<br />
        _nTime = new Date().getTime();<br />
		$.ajax({<br />
		type: “GET”,<br />
		url: “https://login.” + _sBaseHost +<br />
“/cgi-bin/mmwebwx-bin/login?uuid=” + _asUUID + “&tip=” + show_tip,<br />
		dataType: “script”,<br />
		cache: false,<br />
		timeout: _nAjaxTimeout,<br />
		success: function(data, textStatus, jqXHR) {<br />
            _logInPage(“_poll Request Success, code: ” + window.code +<br />
“, time: ” + (new Date().getTime() – _nTime) + “ms”);<br />
			switch (_aoWin.code) {<br />
			case 200:<br />
                _sSecondRequestTime = new Date().getTime() –<br />
_sSecondRequestTime;<br />
                _logInPage(“Second Request Success, time: ” +<br />
_sSecondRequestTime + “ms”);<br />
				clearTimeout(_oResetTimeout);</p>
<p>				$.get(_aoWin.redirect_uri + “&fun=new”, function(msg) {<br />
                    _logInPage(“new func reponse, reponseMsg: ” + msg);<br />
                    _reportNow(“new func reponse, reponseMsg: ” + msg);<br />
					var code = msg.match(/<script>(.*)<\/script>/);<br />
					if(code){<br />
						eval(code[1]);<br />
					}else{<br />
						$(“#container”).show();<br />
						$(“#login_container”).hide();<br />
					}<br />
				});</p>
<p>                _reportNow(“/cgi-bin/mmwebwx-bin/login, Second Request<br />
Success, uuid: ” + _asUUID + “, time: ” + _sSecondRequestTime + “ms”);<br />
				break;</p>
<p>			case 201:<br />
                clearTimeout(_oResetTimeout);<br />
				show_tip = 0;<br />
				$(\’.errorMsg\’).hide();<br />
				$(\’.normlDesc\’).hide();<br />
				$(\’.successMsg\’).show();<br />
                _logInPage(“First Request Success”);<br />
                _reportNow(“/cgi-bin/mmwebwx-bin/login, First Request<br />
Success, uuid: ” + _asUUID);<br />
//                setTimeout(function(){<br />
                    _logInPage(“Second Request Start”);<br />
                    _reportNow(“/cgi-bin/mmwebwx-bin/login, Second<br />
Request Start, uuid: ” + _asUUID);</p>
<p>                    _sSecondRequestTime = new Date().getTime();</p>
<p>                    _nAjaxTimeout = 5 * 1000;<br />
                    _self(_asUUID);<br />
//                }, 500);<br />
                break;</p>
<p>			case 408:<br />
				setTimeout(function(){<br />
					_self(_asUUID);<br />
				}, 500);<br />
				break;</p>
<p>			case 400:<br />
			case 500:<br />
                _reset();<br />
                _afterLoadWebMMDo(function(){<br />
					_aoWin.Log.d(“500, Login Poll Svr Exception”);<br />
				});<br />
				break;<br />
			}<br />
		},<br />
		error: function(jqXHR, textStatus, errorThrown) {<br />
			if (textStatus == \’timeout\’) {<br />
                setTimeout(function(){<br />
                    _self(_asUUID);<br />
                }, 500);<br />
			} else {<br />
                setTimeout(function(){<br />
                    _self(_asUUID);<br />
                }, 5000);</p>
<p>                _logInPage(“_poll Request Error:” + textStatus);<br />
                _afterLoadWebMMDo(function(){<br />
                    _aoWin.Log.e(“Login Poll Error:” + textStatus);<br />
                });<br />
			}<br />
		}<br />
		});<br />
	}

function_poll(_asUUID){

var_self=arguments.callee,

_nTime=0;

_sCurUUId=_asUUID;

_logInPage(“_poll Request Start, time: “+newDate().getTime());

_nTime=newDate().getTime();

$.ajax({

type:“GET”,

url:“https://login.”+_sBaseHost+“/cgi-bin/mmwebwx-bin/login?uuid=”+_asUUID+“&tip=”+show_tip,

dataType:“script”,

cache:false,

timeout:_nAjaxTimeout,

success:function(data,textStatus,jqXHR){

_logInPage(“_poll Request Success, code: “+window.code+“, time: “+(newDate().getTime()–_nTime)+“ms”);

switch(_aoWin.code){

case200:

_sSecondRequestTime=newDate().getTime()–_sSecondRequestTime;

_logInPage(“Second Request Success, time: “+_sSecondRequestTime+“ms”);

clearTimeout(_oResetTimeout);

$.get(_aoWin.redirect_uri+“&fun=new”,function(msg){

_logInPage(“new func reponse, reponseMsg: “+msg);

_reportNow(“new func reponse, reponseMsg: “+msg);

varcode=msg.match(/<script>(.*)<\/script>/);

if(code){

eval(code[1]);

}else{

$(“#container”).show();

$(“#login_container”).hide();

}

});

_reportNow(“/cgi-bin/mmwebwx-bin/login, Second Request Success, uuid: “+_asUUID+“, time: “+_sSecondRequestTime+“ms”);

break;

case201:

clearTimeout(_oResetTimeout);

show_tip=0;

$(\’.errorMsg\’).hide();

$(\’.normlDesc\’).hide();

$(\’.successMsg\’).show();

_logInPage(“First Request Success”);

_reportNow(“/cgi-bin/mmwebwx-bin/login, First Request Success, uuid: “+_asUUID);

// setTimeout(function(){

_logInPage(“Second Request Start”);

_reportNow(“/cgi-bin/mmwebwx-bin/login, Second Request Start, uuid: “+_asUUID);

_sSecondRequestTime=newDate().getTime();

_nAjaxTimeout=5*1000;

_self(_asUUID);

// }, 500);

break;

case408:

setTimeout(function(){

_self(_asUUID);

},500);

break;

case400:

case500:

_reset();

_afterLoadWebMMDo(function(){

_aoWin.Log.d(“500, Login Poll Svr Exception”);

});

break;

}

error:function(jqXHR,textStatus,errorThrown){

if(textStatus==\’timeout\’){

setTimeout(function(){

_self(_asUUID);

},500);

}else{

setTimeout(function(){

_self(_asUUID);

},5000);

_logInPage(“_poll Request Error:”+textStatus);

_afterLoadWebMMDo(function(){

_aoWin.Log.e(“Login Poll Error:”+textStatus);

});

}

});

}

网页客户端每500毫秒就向服务器发起ssl请求，请求当前二维码的登陆信息，如果返回结果201，则说明已经获取扫描二维码终端相同的账号登陆授权，当返回其他结果时，将在500毫秒之后重新发起请求。

类似微信登陆场景应用场景还是很多，比如通过二维码进行设备间的授权。比如使用手机遥控装有android系统的电视盒等。

原文转载http://www.biaodianfu.com/weixin-qrcode.html

本文链接：https://www.cnblogs.com/xiaolei1314/articles/3776728.html

微信二维码登陆实现原理

微信二维码登陆实现原理的更多相关文章

随机推荐

热门专题

目录导航