在使用QQ賬號(hào)登錄騰訊網(wǎng)站時(shí)碉怔，QQ推薦使用快速安全登錄功能來(lái)方便快捷安全的登錄騰訊網(wǎng)站烘贴。快速安全登錄除了手機(jī)掃描二維碼的方式還有另一種方式撮胧，通過(guò)檢測(cè)QQ客戶端已登錄賬戶的方式進(jìn)行登錄桨踪。
問(wèn)題
Mac版QQ客戶端5.1.0以后，加入了這項(xiàng)新功能（PC版QQ客戶端同樣加入了此項(xiàng)功能）趴樱。新版的QQ支持在瀏覽器快速安全登錄馒闷，無(wú)需瀏覽器安裝插件酪捡。
具體的功能怎么樣叁征，在電腦上登錄QQ客戶端，當(dāng)在瀏覽器登錄騰訊的網(wǎng)站時(shí)逛薇，網(wǎng)頁(yè)會(huì)提示當(dāng)前電腦QQ客戶端登錄的賬戶捺疼，選擇一個(gè)賬戶直接登錄網(wǎng)頁(yè)。相較于掃碼登錄永罚，這種方式及省去了輸入賬戶密碼的麻煩同時(shí)也避免掃碼時(shí)對(duì)手機(jī)的依賴啤呼，真正的方便快捷。
廢話一堆堆呢袱，那么新版本的QQ客戶端是怎樣實(shí)現(xiàn)在瀏覽器快速登錄的官扣？網(wǎng)頁(yè)如何檢測(cè)到當(dāng)前電腦客戶端登錄的QQ賬號(hào)？第一想法是它可能使用了Cookie羞福，用戶在登錄QQ客戶端時(shí)會(huì)產(chǎn)生一個(gè)網(wǎng)頁(yè)請(qǐng)求惕蹄，打開瀏覽器將登錄信息寫入Cookie。這樣做的代價(jià)會(huì)很大治专，因?yàn)橛脩綦娔X上會(huì)存在多個(gè)瀏覽器卖陵，而且Cookie信息的作用域跟域名有關(guān)，針對(duì)不同的域名需要多次寫入Cookie张峰。
探究
打開瀏覽器（這里使用的是Chrome）控制臺(tái)泪蔫，審查網(wǎng)頁(yè)元素，重點(diǎn)查看登錄界面元素綁定的js事件和url請(qǐng)求喘批。
審查元素的過(guò)程中撩荣，注意到登錄子頁(yè)面用到了iframe標(biāo)簽铣揉。在查看資源文件時(shí)找到qc_ptlogin_iframe(xlogin)文件夾，推測(cè)登錄相關(guān)的資源都放在該目錄下餐曹。仔細(xì)查看目錄下每個(gè)資源請(qǐng)求的結(jié)果老速，找到一個(gè)跟包含賬戶信息的請(qǐng)求。
可疑資源請(qǐng)求
https://localhost.ptlogin2.qq.com:4303/pt_get_uins?callback=ptui_getuins_CB&r=0.2243462042902722&pt_local_tk=-1243521203
請(qǐng)求結(jié)果
/* QQ客戶端已登錄賬號(hào)的基本信息 */
var var_sso_uin_list=[{"account":"1139356156","face_index":-1,"gender":0,"nickname":"\" Forヾ","uin":"1139356156","client_type":66818,"uin_flag":8388608}];ptui_getuins_CB(var_sso_uin_list);
為了得到更詳細(xì)的請(qǐng)求信息凸主，打開Network橘券，發(fā)現(xiàn)網(wǎng)頁(yè)在加載時(shí)請(qǐng)求該鏈接4次，其中3次請(qǐng)求失敗卿吐。
/* 請(qǐng)求成功 */
https://localhost.ptlogin2.qq.com:4303/pt_get_uins?callback=ptui_getuins_CB&r=0.2243462042902722&pt_local_tk=-1243521203
/* 請(qǐng)求失敗 */
https://localhost.ptlogin2.qq.com:4305/pt_get_uins?callback=ptui_getuins_CB&r=0.2243462042902722&pt_local_tk=-1243521203
/* 請(qǐng)求失敗 */
https://localhost.ptlogin2.qq.com:4309/pt_get_uins?callback=ptui_getuins_CB&r=0.2243462042902722&pt_local_tk=-1243521203
/* 請(qǐng)求失敗 */
https://localhost.ptlogin2.qq.com:4307/pt_get_uins?callback=ptui_getuins_CB&r=0.2243462042902722&pt_local_tk=-1243521203
這幾次請(qǐng)求唯一不同的地方是請(qǐng)求端口號(hào)旁舰，分別請(qǐng)求了4303、4305嗡官、4307箭窜、4309這4個(gè)端口。繼續(xù)查看求請(qǐng)求成功的詳情衍腥，可以看到HTTP請(qǐng)求的Headers磺樱、Response信息。
/* 常規(guī)信息 */
Request URL:https://localhost.ptlogin2.qq.com:4303/pt_get_uins?callback=ptui_getuins_CB&r=0.2243462042902722&pt_local_tk=-1243521203
Request Method:GET
Status Code:200 OK
Remote Address:127.0.0.1:4303
Referrer Policy:no-referrer-when-downgrade
/* 請(qǐng)求頭 */
Host:localhost.ptlogin2.qq.com:4303
/* 請(qǐng)求參數(shù) */
callback:ptui_getuins_CB
r:0.2243462042902722
pt_local_tk:-1243521203
/* 響應(yīng)信息 */
var var_sso_uin_list=[{"account":"1139356156","face_index":-1,"gender":0,"nickname":"\" Forヾ","uin":"1139356156","client_type":66818,"uin_flag":8388608}];ptui_getuins_CB(var_sso_uin_list);
看到Remote Address:127.0.0.1:4303時(shí)婆咸，大家心里估計(jì)已經(jīng)明白了竹捉。QQ客戶端在登錄成功后可能會(huì)開啟一個(gè)HTTP服務(wù)，監(jiān)聽本機(jī)127.0.0.1的一個(gè)指定端口（如4303）尚骄。當(dāng)?shù)卿浂鄠€(gè)賬號(hào)時(shí)块差，會(huì)監(jiān)聽多個(gè)端口，不同的端口對(duì)應(yīng)的QQ賬戶倔丈。網(wǎng)頁(yè)端加載時(shí)會(huì)針對(duì)本機(jī)指定的幾個(gè)端口（如4303憨闰、4305等）進(jìn)行請(qǐng)求，獲取已登錄賬號(hào)信息需五。
簡(jiǎn)單驗(yàn)證
1鹉动、通過(guò)ping命令，確定localhost.ptlogin2.qq.com域名對(duì)應(yīng)的ip地址是127.0.0.1宏邮。
2泽示、退出QQ客戶端，刷新網(wǎng)頁(yè)蜀铲。對(duì)localhost.ptlogin2.qq.com的請(qǐng)求都失敗了边琉，QQ在退出時(shí)關(guān)閉了HTTP服務(wù)。
3记劝、使用lsof -i tcp:4303命令查看4303端口信息变姨，可以看到端口監(jiān)聽程序是確實(shí)是QQ客戶端。
總結(jié)
如何實(shí)現(xiàn)的呢厌丑？QQ客戶端在登錄賬號(hào)時(shí)定欧，會(huì)啟動(dòng)本地的HTTP服務(wù)并監(jiān)聽特定端口中的一個(gè)渔呵。騰訊網(wǎng)站在加載時(shí)會(huì)逐個(gè)請(qǐng)求本機(jī)特定端口，請(qǐng)求成功后可以拿到QQ客戶端已登錄的賬號(hào)信息砍鸠。
