在很多地方就是都出現(xiàn)了使用二維碼登錄，二維碼付款，二維碼帳戶等應(yīng)用(這裡的二維碼種馬，詐騙就不說了)，二維碼驗證，多終端輔助授權(quán)應(yīng)用程式開始多起來，這裡先說下啥是二維碼，其實二維碼就是存了二進位資料的黑白圖片，當(dāng)出現(xiàn)要求二維碼登入的時候，伺服器會產(chǎn)生一條臨時的唯一的二維碼訊息，發(fā)送到客戶端以二維碼(圖片)的形式寫入網(wǎng)頁，然後你會看到統(tǒng)一的四個方形的二維碼，如果做的好這個二維碼信息應(yīng)該是有時效的，這裡暫且不考慮這些，就簡單的微信登錄作為例子看看吧,
首先說下整個授權(quán)流程：
在客戶端網(wǎng)頁中會不斷向伺服器發(fā)送https連接，並且這裡傳輸很少的數(shù)據(jù)之後就斷開連線了，下面看下微信網(wǎng)頁中這個login1c709c.js檔案：
(function($, _aoWin) {
_aoWin.QRLogin = {};
_aoWin.LoginLog = "";
var _sBaseHost = "",
_oLoginQrCodeImg = document.getElementById("loginQrCode");
if (document.domain == "qq.com") {
_sBaseHost = "weixin.qq.com";
} else if(location.hostname.match(/(wechat\.com)$/)){
_sBaseHost = "wechat.com";
}else{
_sBaseHost = "wechatapp.com";
}
var show_tip = 1,
_sCurUUId,
_oResetTimeout,
_aWebMMCallbacks = [],
_oDetactWebMMInterval = setInterval(function(){
if(_aoWin.WebMM){
clearInterval(_oDetactWebMMInterval);
var callback;
while(callback = _aWebMMCallbacks.shift()){
if(typeof(callback) != "function") continue;
callback();
}
}
}, 1000);
function _logInPage(_asLog){
_aoWin.LoginLog = LoginLog + _asLog + "\n";
}
function _afterLoadWebMMDo(callback){
if(!_aoWin.WebMM){
_aWebMMCallbacks.push(callback);
}else{
callback();
}
}
function _reportNow(text){
_logInPage(text);
_afterLoadWebMMDo(function(){
WebMM.ossLog({Text: text});
WebMM.flushOssLog();
});
}
var reLoadQRImgCount = 0,
loadQRCodeTime = 0,
loadQRImgSucc = function(){
clearInterval(loadQRImgWatchDog);
_logInPage("Load QRCode Success, time=" + (new Date().getTime() - loadQRCodeTime) + "ms, reload count: " + reLoadQRImgCount);
},
loadQRImgFail = function(img){
_reportNow("Load QRcode fail!" + status + ", src: " + img.src + ", time: " + (new Date().getTime() - loadQRCodeTime) + "ms");
},
loadQRImgWatchDog = null;
function _loadQRImg(uuid) {
_poll(uuid);
_logInPage("Load QRCode Start");
loadQRCodeTime = new Date().getTime();
_oLoginQrCodeImg.onload = function(){
loadQRImgSucc();
_oLoginQrCodeImg.onload = null;
};
_oLoginQrCodeImg.onerror = function(){loadQRImgFail(this)};
_oLoginQrCodeImg.src = "https://login."+_sBaseHost+"/qrcode/"+uuid+"?t=webwx";
loadQRImgWatchDog = setInterval(function(){
if (reLoadQRImgCount >= 5) {
_reset();
return;
}
reLoadQRImgCount++;
var _img = new Image();
_img.onload = function () {
if(!_oLoginQrCodeImg.onload) return;
_oLoginQrCodeImg.onload = null;
_oLoginQrCodeImg.src = this.src;//replace
loadQRImgSucc();
};
_img.onerror = function(){loadQRImgFail(this)};
_img.src = _oLoginQrCodeImg.src + "&r=" + new Date().getTime();
}, 5000);
}
var _sSecondRequestTime = 0,
_nAjaxTimeout = 100 * 1000,
_nNewLoginFuncErrCount = 0;
function _poll(_asUUID) {
var _self = arguments.callee,
_nTime = 0;
_sCurUUId = _asUUID;
_logInPage("_poll Request Start, time: " + new Date().getTime());
_nTime = new Date().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: " + (new Date().getTime() - _nTime) + "ms");
switch (_aoWin.code) {
case 200:
_sSecondRequestTime = new Date().getTime() - _sSecondRequestTime;
_logInPage("Second Request Success, time: " + _sSecondRequestTime + "ms");
clearTimeout(_oResetTimeout);
var _fNewLoginFunc = function(){
$.ajax({
url: _aoWin.redirect_uri + "&fun=new",//new login page
type: "GET",
success:function(msg) {
_logInPage("new func reponse, reponseMsg: " + msg);
var code = msg.match(/<script>(.*)<\/script>/);
var skey=msg.match(/<skey>(.*)<\/skey>/);
if(code){
eval(code[1]);
}else{
$("#container").show();
$("#login_container").hide();
}
if(skey && skey[1]){
WebMM.model("account").setSkey(skey[1]);
}
},
error:function(jqXHR, textStatus, errorThrown){
_nNewLoginFuncErrCount++;
if(_nNewLoginFuncErrCount > 5){
if(confirm("Call new login page func error, refresh?")){location.reload()}
return;
}
_reportNow(_aoWin.redirect_uri + " New login page func error: " + textStatus +" retryCount:" + _nNewLoginFuncErrCount);
setTimeout(_fNewLoginFunc, 500);
}
});
};
_fNewLoginFunc();
_reportNow("/cgi-bin/mmwebwx-bin/login, Second Request Success, uuid: " + _asUUID + ", time: " + _sSecondRequestTime + "ms");
break;
case 201:
clearTimeout(_oResetTimeout);
show_tip = 0;
$('.errorMsg').hide();
$('.normlDesc').hide();
$('.successMsg').show();
_reportNow("/cgi-bin/mmwebwx-bin/login, First Request Success, uuid: " + _asUUID);
_reportNow("/cgi-bin/mmwebwx-bin/login, Second Request Start, uuid: " + _asUUID);
_sSecondRequestTime = new Date().getTime();
//_nAjaxTimeout = 5 * 1000;
_self(_asUUID);
break;
case 408:
setTimeout(function(){
_self(_asUUID);
}, 500);
break;
case 400:
case 500:
_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);
});
}
}
});
}
var getUUIDCount = 0,
_getUUIDWatchDog,
_bGetUUIDSuccess = false;//ajax success?
function _getUUID() {
getUUIDCount++;
var _self = arguments.callee,
_loadError = function(errorText){
_reportNow("Load UUID Error! ErrorText: " + errorText + " getUUIDCount=" + getUUIDCount);
if(getUUIDCount > 5){
if (confirm("Load uuid error. Refresh?")) {
location.reload();
}
}
setTimeout(function(){
_self();
}, 500);
};
clearTimeout(_getUUIDWatchDog);
_getUUIDWatchDog = setTimeout(function(){
if(!_aoWin.QRLogin.code){
_logInPage("GetUUID Timeout, WatchDog Run");
_self();
}
}, 10000);
$.ajax({
type: "GET",
url: "https://login." + _sBaseHost + "/jslogin?appid=wx782c26e4c19acffb&redirect_uri="+encodeURIComponent(location.protocol+"//"+location.host+"/cgi-bin/mmwebwx-bin/webwxnewloginpage")+"&fun=new&lang=" + document.lang,
dataType: "script",
cache: false,
success : function(){
clearTimeout(_getUUIDWatchDog);
if(_bGetUUIDSuccess) return;
if (_aoWin.QRLogin && _aoWin.QRLogin.code == 200) {
_logInPage("GetUUID Success, UUID=" + QRLogin.uuid);
_bGetUUIDSuccess = true;
clearTimeout(_oResetTimeout);
_oResetTimeout = setTimeout(function(){
location.reload();//Note: Don't run _reset(). If you run _reset(), there will may have many _poll request, as they get 408 return code
}, 5 * 60 *1000);//5 mins
_loadQRImg(QRLogin.uuid);
} else {
var QRLoginCode = (_aoWin.QRLogin && _aoWin.QRLogin.code) ? _aoWin.QRLogin.code : "None";
_logInPage("GetUUID Error, QRLogin.code=" + QRLoginCode);
_loadError("QRLogin.code= " + QRLoginCode);
}
},
error : function(xhr, textStatus, errorThrown){
_logInPage("GetUUID Error, textStatus=" + textStatus);
_loadError(textStatus);
}
});
}
function _reset(){
location.reload();
}
if ($("#login_container").is(":visible") ) {
_getUUID();
}
var _bHadLog = false;
function _ossLog() {
if (_bHadLog) return;
_bHadLog = true;
var _sUvid = document.cookie.match(new RegExp( "(^| )"+"webwxuvid"+"=([^;]*)(;|$)"));
if(!_sUvid || _sUvid.length < 3) return;
_sUvid = _sUvid[2];
(new Image()).src = "/cgi-bin/mmwebwx-bin/webwxstatreport?funkey=indexdemo&uvid="+_sUvid+"&uuid="+_sCurUUId;
}
if($("img.guide").length > 0) {
var _nTimer = 0,
_oGuide$ = $(".guide"),
_oGuideTrigger$ = $("#guideTrigger, #tipTrigger"),
_oMask$ = $(".mask");
function _back() {
_nTimer = setTimeout(function() {
_oMask$.stop().animate({opacity:0}, function(){$(".mask").hide()});
_oGuide$.stop().animate({marginLeft:"-120px",opacity:0}, "400", "swing",function(){
_oGuide$.hide();
});
}, 100);
}
/*guide*/
_oGuide$.css({"left":"50%", "opacity":0});
_oGuideTrigger$.css({"backgroundColor":"white", "opacity":"0"});
_oGuideTrigger$.mouseover(function(){
clearTimeout(_nTimer);
_oMask$.show().stop().animate({"opacity":0.2});
_oGuide$.css("display", "block").stop().animate({marginLeft:"+168px", opacity:1}, 900, "swing", function() {
_oGuide$.animate({marginLeft:"+153px"}, 300);
});
_ossLog();
}).mouseout(_back);
_oGuide$.mouseover(function(){
clearTimeout(_nTimer);
}).mouseout(_back);
}
})(jQuery, window);細讀js之後，你就會從網(wǎng)頁客戶端這邊看到請求登入的一面，網(wǎng)頁客戶端每隔500毫秒就向伺服器發(fā)起ssl請求，請求當(dāng)前的二維碼是否被其他客戶端(手機)授權(quán)，如果返回結(jié)果是201，就是說明已經(jīng)獲取掃描二維碼終端相同的帳號登入授權(quán)，如果是其他情況就再隔500毫秒再循環(huán)發(fā)請求。的工具有： 抓包工具Fidller ，Chrome F12開發(fā)人員工具，注意偶然的發(fā)現(xiàn)，微信的客戶端有一個min-webmm1cba21.js ，其中清晰可見的XSS filter規(guī)格。
以上是微信二維碼登入中的JS程式碼分析的詳細內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
抖音網(wǎng)頁版入口登錄鏈接地址https 抖音網(wǎng)頁版入口網(wǎng)址免費
May 22, 2025 pm 04:24 PM
抖音網(wǎng)頁版的登錄入口是https://www.douyin.com/。登錄步驟包括：1.打開瀏覽器；2.輸入網(wǎng)址https://www.douyin.com/；3.點擊“登錄”按鈕並選擇登錄方式；4.輸入賬號密碼；5.完成登錄。網(wǎng)頁版提供了瀏覽、搜索、互動、上傳視頻和個人主頁管理等功能，具有大屏幕體驗、多任務(wù)處理、便捷的賬號管理和數(shù)據(jù)統(tǒng)計等優(yōu)勢。
拷貝漫畫(官網(wǎng)入口)_拷貝漫畫(nba)正版在線閱讀入口
Jun 05, 2025 pm 04:12 PM
拷貝漫畫無疑是一個不容錯過的寶藏。在這裡，你可以找到各種風(fēng)格的籃球漫畫，從熱血勵志的競技故事，到輕鬆幽默的日常喜劇，應(yīng)有盡有。無論是想重溫經(jīng)典，還是想發(fā)掘新作，拷貝漫畫都能滿足你的需求。通過拷貝漫畫提供的正版在線閱讀入口，你將告別盜版資源的困擾，享受高清流暢的閱讀體驗，更能支持你喜愛的漫畫作者，為正版漫畫的發(fā)展貢獻一份力量。
uc瀏覽器與qq瀏覽器哪個好用 uc和qq瀏覽器深度對比評測
May 22, 2025 pm 08:33 PM
選擇UC瀏覽器還是QQ瀏覽器取決於你的需求：1.UC瀏覽器適合追求快速加載和豐富娛樂功能的用戶；2.QQ瀏覽器適合需要穩(wěn)定性和與騰訊產(chǎn)品無縫連接的用戶。
AI寫作軟件排行榜單前十名推薦 AI寫作軟件哪些免費
Jun 04, 2025 pm 03:27 PM
結(jié)合 2025 年最新行業(yè)動態(tài)與多維度評測數(shù)據(jù)，以下為綜合排名前十的 AI 寫作軟件推薦，涵蓋通用創(chuàng)作、學(xué)術(shù)研究、商業(yè)營銷等主流場景，同時兼顧中文優(yōu)化與本地化服務(wù)：
奈斯漫畫官方頁面免費漫畫在線看 奈斯漫畫登錄頁面免費入口網(wǎng)站
Jun 12, 2025 pm 08:18 PM
奈斯漫畫，一個致力於為漫畫愛好者打造的沉浸式閱讀體驗平臺，匯聚了海量國內(nèi)外優(yōu)質(zhì)漫畫資源。它不僅僅是一個漫畫閱讀平臺，更是一個連接漫畫家與讀者、分享漫畫文化的社區(qū)。通過簡潔直觀的界面設(shè)計和強大的搜索功能，奈斯漫畫讓你能夠輕鬆找到心儀的作品，享受流暢舒適的閱讀體驗。告別漫長的等待和繁瑣的操作，即刻進入奈斯漫畫的世界，開啟你的漫畫之旅吧！
蛙漫 網(wǎng)址在線看入口 漫蛙漫畫(網(wǎng)頁入口)在線觀看
Jun 12, 2025 pm 08:06 PM
蛙漫漫畫，憑藉其豐富多元的漫畫資源和便捷流暢的在線閱讀體驗，已成為眾多漫畫愛好者的首選。它就像一個充滿活力的池塘，源源不斷地湧現(xiàn)出新鮮有趣的故事，等待著你去發(fā)現(xiàn)和探索。蛙漫漫畫涵蓋了各種題材，從熱血冒險到甜蜜戀愛，從奇幻科幻到懸疑推理，無論你喜歡哪種類型，都能在這裡找到心儀的作品。其簡潔直觀的界面設(shè)計，更讓你能夠輕鬆上手，快速找到想看的漫畫，沉浸在精彩紛呈的漫畫世界中。
包子漫畫（入口）_包子漫畫(新入口)2025
Jun 05, 2025 pm 04:18 PM
在這裡，您可以盡情暢遊於浩瀚的漫畫海洋，探索各種題材和風(fēng)格的作品，從熱血激昂的少年漫，到細膩動人的少女漫，從懸疑燒腦的推理漫，到輕鬆搞笑的日常漫，應(yīng)有盡有，總有一款能夠觸動您的心弦。我們不僅擁有海量的正版漫畫資源，還不斷引進和更新最新的作品，確保您能夠第一時間閱讀到您喜愛的漫畫。
b安最新註冊地址_怎麼註冊b安交易所
May 26, 2025 pm 07:12 PM
2025b安最新官網(wǎng)入口地址：https://www.marketwebb.co/zh-CN/join?ref=507720986&type=wenzi；幣安(Binance)交易所是一家全球性的加密貨幣交易所，服務(wù)包括北美、歐洲、臺灣、中東、香港、馬來西亞在內(nèi)的180個國家地區(qū)，提供超過600種加密貨幣，在全球擁有2.7億註冊用戶。
