javascript - web掃碼登入怎麼實現,求個思路

來源:互聯網
上載者:User
最近在弄一個web即時通訊,裡面有一個掃碼登入功能。以前沒做過,求有方面的高手談談。
如二維碼怎麼來的,web端如果監聽手機掃碼成功,並服務端發送過資料

回複內容:

最近在弄一個web即時通訊,裡面有一個掃碼登入功能。以前沒做過,求有方面的高手談談。
如二維碼怎麼來的,web端如果監聽手機掃碼成功,並服務端發送過資料

步驟       WEB平台                手機第1步      產生二維碼第2步     (ajax監控後台)          掃碼第3步     (ajax監控後台)          確定(後台非同步通知WEB平台)第4步      AJAX發現狀態改變,登陸成功

ajax監控背景流程:產生二維碼後,

setTimeout(function(){    //AJAX請求,檢測狀態},5000);

樓上說的很正確。我補充一下吧。
以為例
解決兩個問題,<1>電腦從伺服器擷取是否有人掃了我這台電腦,並且授權登入。
然後app,要解決的是掃了之後,知道掃的人是誰,把這個人資訊告訴給伺服器。
對象<1>網站 <2>手機開啟

流程
<1>web產生連結,連結製成二維碼,一般用本地的cookies或者sessionid作為唯一表示的參數。

<2>app掃完之後,其實是進行授權操作,抓取使用者資訊,把使用者資訊跟請求中包含的cookies或者sessionid存到庫裡面
<3>web每隔幾秒ajax請求後台,查詢當前cookies或者sessionid是否有對應的登入資訊,有則進行登入操作。

1.前端調用後台產生二維碼的API,擷取到二維碼圖片和所包含的資訊(通常是一個唯一ID)
2.前端檢測(通過輪詢或者websock,自己選擇)是否有手機掃碼,通過調用後台介面API,參數為上面的唯一ID
3.手機掃描二維碼登陸,手機端可以擷取到二維碼裡的資訊ID,帶上當前登陸使用者ID和二維碼裡的ID調用後台介面。
後台儲存這個二維碼的資料,加上登入使用者資訊,當前台調用API時,給返回登入成功。
4.前端擷取到登入成功,進行跳轉

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.