小程式可以在網頁登入。
小程式實作網頁登入
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 端輪詢會對伺服器造成一定壓力,因此可以設計輪詢的時間/次數,過期讓使用者刷新二維碼。 推薦:《小程式開發教學》
以上是小程式網頁能登入麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!