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

1、寫在前面

       目前對於大多數的App或Web網站都支持有第三方登錄這個功能，用戶可以使用 QQ/ 微信/ 微博 賬號快速登陸你的網站，下降註冊門檻，爲你的網站帶來海量新用戶。最近在新項目上恰好用到了，在本身作的同時也將其實現過程記錄下來，方便與你們一同交流學習！   （2018-01-18 21：23 更新）

 

2、準備工做

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

• 開發者名稱
• 所在地區（身份證地址）
• 詳細地址（身份證地址）
• 郵政編碼
• 手機號碼
• 電子郵箱
• 聊天工具（QQ）
• 身份證號碼
• 身份證正面照片（JPG/PNG）
• 本人手持身份證照（清晰，JPG，1M之內）
• 緊急聯繫人
• 緊急聯繫人電話

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

• 網站應用名稱
• 應用分類：網頁應用
• 網站簡介（不超過80字）
• 網站英文簡介（不超過80字）
• 網站域名（微博開發平臺僅支持後綴爲 .com 和 .cn 的安全域名，域名須要備案）
• 網站回調域（用戶受權登錄成功後的跳轉連接）
• 域名提供方：阿里雲(萬網)/騰訊雲/百度雲或其餘
• 域名備案號
• （微信）網站信息登記表掃描件：《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）
• 新浪微博開發平臺網站應用介紹圖片：450*300(px)（這裏須要上傳3張，1M之內，支持JPG、PNG）
• 微信開發平臺網站圖標：28*28（px，僅支持PNG格式，大小不超過300KB）、108*108（px，僅支持PNG格式，大小不超過300KB）
• 在此獻上我的整理的《QQ/微信/微博開發平臺所需提交材料》

 

3、瞭解 Oauth2.0 受權機制 

要了解 Oauth2.0 在各大平臺的受權機制，一個很好的方法就是查看各平臺本身提供的API說明。

例如：  

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

 

4、開發者註冊

首先到 QQ、微信、微博各開放平臺註冊帳戶而且登錄，爲獲取 AppKey 和 AppSecret 作準備，各開放平臺接入操做步驟以下：

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

• 登錄到QQ互聯開放平臺，在這裏你能夠根據我的須要去選擇 移動應用/網站應用 填寫基本信息，等待審覈（通常在36小時內出結果）      

1. 填寫我的基本信息
    開發者類型： 我的開發者/公司
    名稱： 
    聯繫地址： 
    手機號碼：
    電子郵箱： 
    身份證號碼： 
    上傳我的身份證照： （2MB之內，JPG/PNG，雙手持身份證正面照，身份證信息清晰可見）

View Code

• 開發者註冊完成並經過審覈後，點擊 「應用管理」 按鈕建立應用並填寫相關信息 >>參考
• SDK 下載

2. 填寫網站信息
    網站名稱： 
    網站類別： 
    網站簡介： （80字之內）
    網站圖標： （64x64px、100x100px各一張，PNG/JPG，2M之內）
    網站域名： 
    網站回調域： （見文檔）
    網站域名提供商： 
    網站備案號： 

View Code

• 等待審覈經過後，參見 網站開發流程 一步步實施便可。

 

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

• 登錄到微信·開放平臺，填寫我的基本信息並完成相關認證
• 點擊管理中心>>網站應用>>建立網站應用
• 接着是填寫網站應用信息 

　　微信開放平臺因爲網站信息登記表掃描件沒有蓋章，審覈未經過，暫且擱置。

 

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

• 登錄到微博·開放平臺，點擊微鏈接>>網站接入註冊成爲開發者，郵箱驗證。
• 身份認證（真實姓名、身份證號碼、上傳身份證照片、手機驗證等）

    因爲個人域名後綴是 .club 的，微博開放平臺不支持（僅支持 .com 和 .cn 的），因此就沒有繼續下去了。

這裏說一下，如域名後綴符合申請，那麼得先在你的應用程序中實現微博點贊、分享、關注等按鈕（微博組件），

附上連接：http://open.weibo.com/widget/like.php