1. 程式人生 > >Oauth2.0 QQ&微信&微博實現第三方登陸

Oauth2.0 QQ&微信&微博實現第三方登陸

用戶 阿裏雲 過程 登陸 參考 工具 海量 聯系 tar

一、寫在前面

目前對於大多數的App或Web網站都支持有第三方登陸這個功能,用戶可使用 QQ/ 微信/ 微博 帳號快速登錄你的網站,降低註冊門檻,為你的網站帶來海量新用戶。最近在新項目上剛好用到了,在自己做的同時也將其實現過程記錄下來,方便與大家一同交流學習!

二、準備工作

1. 各大平臺開發者註冊基本信息填寫

  • 開發者名稱
  • 所在地區
  • 詳細地址
  • 郵政編碼
  • 手機號碼(驗證)
  • 電子郵箱(驗證)
  • 聊天工具:QQ/MSN
  • 身份證號碼
  • 身份證正/反面照片(JPG/PNG)
  • 緊急聯系人
  • 緊急聯系人電話

2. 各大開放平臺網站信息填寫

  • 網站應用名稱
  • 應用分類:網頁應用
  • 網站簡介(不超過80字)
  • 網站英文簡介(不超過80字)
  • 網站域名
  • 網站回調域(用戶授權登陸成功後的跳轉鏈接)
  • 域名提供方:阿裏雲的萬網/騰訊雲/百度雲或其他
  • 域名備案號
  • (微信)網站信息登記表掃描件:《Website_Information_form.doc》,先下載填寫打印,並蓋章後上傳掃描件。(支持JPG、PNG、BMP格式,不超過2MB)
  • 騰訊QQ互聯開發平臺網站圖標:64x64(px)、100x100(px)
  • 新浪微博開發平臺網站圖標:16*16(px)、80*80(px)、120*120(px)(2M以內,支持JPG、PNG)
  • 微信開發平臺網站圖標:28*28(px,僅支持PNG格式,大小不超過300KB)、108*108(px,僅支持PNG格式,大小不超過300KB)

三、了解 Oauth2.0 授權機制

要了解 Oauth2.0 在各大平臺的授權機制,一個很好的方法就是查看各平臺自己提供的API說明。

例如:

  • 微博 WIKI Oauth2.0 授權機制說明:《微博 API 授權機制說明》
  • 騰訊QQ互聯WIKI Oauth2.0介紹:《Oauth2.0介紹》

四、開發者註冊

首先到 QQ、微信、微博各開放平臺註冊賬戶並且登陸,為獲取 AppKey 和 AppSecret 做準備,各開放平臺接入操作步驟如下:

1. 騰訊QQ開放平臺:https://connect.qq.com/

  • 登陸到QQ互聯開放平臺,在這裏你可以根據個人需要去選擇 移動應用/網站應用
    填寫基本信息,等待審核...
  • 開發者註冊完成並通過審核後,點擊 “應用管理” 按鈕創建應用並填寫相關信息 >>參考

2. 微信開放平臺:https://open.weixin.qq.com/

  • 登陸到微信·開放平臺,填寫個人基本信息並完成相關認證
  • 點擊管理中心>>網站應用>>創建網站應用
  • 接著是填寫網站應用信息

3. 新浪微博開放平臺:http://open.weibo.com/

  • 登陸到微博·開放平臺,點擊微連接>>網站接入註冊成為開發者,郵箱驗證。
  • 身份認證(真實姓名、身份證號碼、上傳身份證照片、手機驗證等)

X、參考文章

  • 騰訊QQ互聯WIKI 《開發者文檔》
  • 微博·開放平臺 《開發文檔》
  • 微信

Oauth2.0 QQ&微信&微博實現第三方登陸