微信開放平台掃碼登陸

2022-04-06 10:18:03 字數 810 閱讀 8167

第一種方式的完成非常簡單,但是第二種方式,就需要前後臺都做一些調整了

建立**應用,這些東西按照流程走就好了

授權**域,這個東西填寫自己**(處理掃碼登陸相關業務的)後台網域名稱位址,如果後台沒有跑在80埠,則需要在裡面指定埠號,只要填寫頂級網域名稱即可(arunoido.com:411/)(格式有問題的話,在實際操作可能會提示redirect_uri引數錯誤)子級網域名稱自動繼承

整體的**流程如下(說的有一點點抽象,有乙個巨集觀意識就好,不要太專注於某乙個地方的實現,後面會說):

前台介面生成***,同時開啟輪詢,每隔一段時間(時間你定)去檢視使用者登陸狀況

前台收到了確認,向後台發起請求,攜帶codestate

前台在輪詢過程中會拿到後台返回的結果,沒有繫結的跳轉登陸介面繫結,有繫結的直接進入

(繫結流程)前台賬號密碼傳送到後台,後台完成繫結

新增新的介面請求(狀態請求介面)

code請求union_id,並將union_id存入redis中備用,key使用state引數

查詢響應介面使用post方法,接受引數為state,用於查詢union_id,資料為空說明請求超時,有資料但是在資料庫中查詢不到則說明使用者未繫結,有資料且查詢到了使用者,可以直接呼叫後台的登陸介面,然後返回token

微信掃碼登陸js

5 self redirect設定成true,意思是在當前 所在的iframe中跳轉,預設掃碼方式就設定成true 如果是內嵌 就必須設定成false,否則就會出現如下圖情況,在 嵌入的地方開啟重定向的網頁。無論什麼框架中使用都是在頁面載入的時候引入然後根據文件寫api即可 單頁面可以通過以下方式在...

私人筆記,微信掃碼登陸

注意 2.redirect uri 掃碼成功後跳轉的頁面 3.scope 有兩個可選值 snsapi base 或者 snsapi userinfo 其中 1 snsapi base 為scope的網頁授權,是靜默授權的,使用者無感知 2 snsapi userinfo snsapi userinf...

掃碼授權登陸

手機授權掃碼登陸 首先輸入賬號密碼,進行驗證,驗證成功後顯示手機授權 這個是掃碼授權的 實現 var numt var token var t1 function getcode numt 0 t1 setinterval surestuts,3000 定時狀態確認 確認手機授權情況 functio...