1. 程式人生 > >微博第三方登錄的 實現步驟

微博第三方登錄的 實現步驟

重定向 綁定 步驟 回調 inf 是否 接口 com png

美多項目 第三方登錄實現步驟:

第一步:

微博開放平臺 https://open.weibo.com 進行註冊:

技術分享圖片

技術分享圖片

第二步:

點擊微博先請求我們自定義的接口,

技術分享圖片

技術分享圖片

技術分享圖片

註意我們的回調地址!!!

技術分享圖片

技術分享圖片

生成這個url之後 需要返回到前端進行 微博登錄頁面的展示例如:

技術分享圖片

當微博賬號驗證登錄之後,我們的回調地址 就起到作用了,這個綁定頁面會立馬展現,頁面加載瞬間把code 發送後臺,來我們接著看。

技術分享圖片

來我們順著來到後臺

技術分享圖片

我們再一次向微博平臺 發起post請求,主要是為了取用戶uid,

取到uid 之後 我們先到第三方表裏進行判斷該用戶是否存在,如果該用戶存在,則直接把token等信息返回到前端,直接登錄即可。

技術分享圖片

來 我們看看前端 是如何處理這個數據的,正常重定向主頁 即可。

技術分享圖片

如果該 用戶第一次登錄,來我們接著看邏輯

生成token 直接返回前端,

技術分享圖片

我們看看前端如果處理回復,下面是個if 判斷 ,控制我們的綁定頁面輸入框的展示。

技術分享圖片

技術分享圖片

當用戶把點擊保存之後,我們看看url請求,

技術分享圖片

我們接著看後臺,直接來到了apiview 的post請求進行邏輯判斷,

技術分享圖片

在上面的序列化器中 我們先判斷的 是用戶攜帶的token,是否合法,然後再進行短信驗證碼的判斷。

技術分享圖片

重點看看這裏 ,我們先去user表裏,也就是 我們第三方登錄的表關聯的user表 判斷該用戶的 密碼。

技術分享圖片

當我們 取到user信息之後,直接進行user表的保存,以及第三方標的信息保存。

微博第三方登錄的 實現步驟