小編給大家分享一下小程序?qū)崿F(xiàn)網(wǎng)頁登錄的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)公司憑借專業(yè)的設(shè)計(jì)團(tuán)隊(duì)扎實(shí)的技術(shù)支持、優(yōu)質(zhì)高效的服務(wù)意識(shí)和豐厚的資源優(yōu)勢，提供專業(yè)的網(wǎng)站策劃、成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、網(wǎng)站優(yōu)化、軟件開發(fā)、網(wǎng)站改版等服務(wù)，在成都十年的網(wǎng)站建設(shè)設(shè)計(jì)經(jīng)驗(yàn)，為成都上千家中小型企業(yè)策劃設(shè)計(jì)了網(wǎng)站。

小程序可以在網(wǎng)頁登錄。

小程序?qū)崿F(xiàn)網(wǎng)頁登錄

1.PC 獲取登錄的二維碼 :

https://live.haicaoyun.com/hms/hcyWeddingWall/appApi/webLogin/getQrCode?current_time=1571723998231

服務(wù)器返回兩個(gè)數(shù)據(jù) 1.二維碼的圖片。2.客戶端的標(biāo)識(shí) key。

這個(gè)二維碼是客戶端發(fā)送請(qǐng)求后，服務(wù)器調(diào)用小程序的接口生成的。我們知道微信小程序的二維碼生成跳轉(zhuǎn)到指定頁面并且攜帶參數(shù)。

因此，在小程序內(nèi)引導(dǎo)用戶掃描 PC 端的二維碼 ，如下圖為小程序內(nèi)的頁面：

用戶掃描后，相當(dāng)于微信讓用戶跳轉(zhuǎn)到小程序的一個(gè)頁面，我們可以偽造一個(gè)授權(quán)登錄頁面 ( 這個(gè)頁面是我們前端做的，不是微信自己的 )。如下圖，用戶被微信跳轉(zhuǎn)到了我們偽造的登錄頁面 :

用戶點(diǎn)擊登錄后，將 key ( 這個(gè)key是掃描二維碼后，微信傳遞的 ) 傳遞給服務(wù)器，意思是客戶端已經(jīng)準(zhǔn)備好了。

同時(shí) PC 端不斷的帶 key 輪訓(xùn)服務(wù)器登錄接口，等服務(wù)器接收到客戶端準(zhǔn)備好的信息后，給 PC 端返回登錄成功的信息。如下圖為 PC 端的輪詢 :

因?yàn)槲覀儗?shí)際上利用微信小程序二維碼的跳轉(zhuǎn)功能來做偽網(wǎng)頁登錄。

PC 端輪詢會(huì)給服務(wù)器造成一定壓力，因此可以設(shè)計(jì)輪詢的時(shí)間/次數(shù)，過期讓用戶刷新二維碼。

以上是“小程序?qū)崿F(xiàn)網(wǎng)頁登錄的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！