您好,登錄后才能下訂單哦!
小編給大家分享一下小程序實現網頁登錄的方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
小程序可以在網頁登錄。
小程序實現網頁登錄
1.PC 獲取登錄的二維碼 :
https://live.haicaoyun.com/hms/hcyWeddingWall/appApi/webLogin/getQrCode?current_time=1571723998231
服務器返回兩個數據 1.二維碼的圖片。2.客戶端的標識 key。
這個二維碼是客戶端發送請求后,服務器調用小程序的接口生成的。我們知道微信小程序的二維碼生成跳轉到指定頁面并且攜帶參數。
因此,在小程序內引導用戶掃描 PC 端的二維碼 ,如下圖為小程序內的頁面:
用戶掃描后,相當于微信讓用戶跳轉到小程序的一個頁面,我們可以偽造一個授權登錄頁面 ( 這個頁面是我們前端做的,不是微信自己的 )。如下圖,用戶被微信跳轉到了我們偽造的登錄頁面 :
用戶點擊登錄后,將 key ( 這個key是掃描二維碼后,微信傳遞的 ) 傳遞給服務器,意思是客戶端已經準備好了。
同時 PC 端不斷的帶 key 輪訓服務器登錄接口,等服務器接收到客戶端準備好的信息后,給 PC 端返回登錄成功的信息。如下圖為 PC 端的輪詢 :
因為我們實際上利用微信小程序二維碼的跳轉功能來做偽網頁登錄。
PC 端輪詢會給服務器造成一定壓力,因此可以設計輪詢的時間/次數,過期讓用戶刷新二維碼。
以上是“小程序實現網頁登錄的方法”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。