使用JSSDK實現網站的QQ登錄
- 進入QQ互聯官網：https://connect.qq.com/index.html
![]()
- 進行開發者註冊並審覈認證【實名認證】：首先使用QQ賬號登錄上述的QQ互聯官網；接着填寫開發者審覈認證資料，需提交：開發者類型（個人的就選個人開發者）、名稱（開發者的真實姓名）、聯繫地址、手機號碼、電子郵箱（真實郵箱，方便接收“騰訊QQ互聯”官方發來的郵件，例如：“開發者註冊認證”郵件、“開發商信息審覈”郵件）、身份證號碼（真實的身份證號碼）、上傳身份證圖片（需手持身份證正面照，圖片要求清晰），確保提交的資料真實，以便進行實名認證否則開發者審覈認證都通不過，那創建應用進行審覈就更不可能了。審覈不通過的情況，例如：
![]()
![]()
，直到提交的資料真實爲止開發者審覈認證纔會給予通過。![]()
![]()
- 創建應用。這裏記錄創建網站應用的過程。分創建的應用只是用來測試用一用或者實際項目用。
- 點擊【創建應用】->【創建網站應用】->進行所創建應用的資料填寫。
- 實際項目用【創建的應用需審覈被通過】：認真填寫所需創建應用的類型、網站名稱（通過工信部ICP域名備案的網站名稱）、網站簡介、同意協議->【創建應用】->填寫網站域名（通過工信部ICP備案的域名）、網站回調域（即回調地址，回調地址需要寫對不然到時候出現【redirect uri is illegal(100010) 回調錯誤】）、提供方（網站的負責人）、網站備案號、網站圖標（包括：64x64px和100x100px的）->【創建應用】，然後等待官方的審覈，只有應用被審覈通過了纔有機會實現任意QQ號進行網站登錄，否則只有自己的QQ才能登錄網站（做測試用）。
![]()
- 測試用【創建的應用無需審覈被通過】：創建的應用類型隨意寫、網站名稱（隨意寫）、網站簡介（隨意寫）、同意協議->網站域名（填測試用的域名，如本地的localhost)、網站回調域（確保回調地址填寫正確）、提供方（隨意寫）、網站備案號（隨意寫）、網站圖標（可以不填）->接下來創建的這個應用就能用來當做測試用，即使應用審覈沒通過。
使用JSSDK： 【本頁面用來演示如何通過JS SDK，創建完整的QQ登錄流程，並調用OpenAPI接口【QQ互聯官方Demo1】】、【本頁面用來演示如何通過JS SDK，創建完整的QQ登錄流程，並調用OpenAPI接口【QQ互聯官方Demo2】】、【JS_SDK使用說明【騰訊開放平臺】】、【JS_SDK使用說明【QQ互聯】】
- 需要放置QQ登錄按鈕的網頁處加入：
1.放入QQ登錄按鈕：
QC.Login({ //QQ登錄按鈕 btnId:"qqLoginBtn" //插入按鈕的節點id });2.也可以直接用官方文檔中的【2.1.直接打開QQ登錄彈窗】方法：參見 http://wiki.connect.qq.com/js_sdk%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E
，直到提交的資料真實爲止開發者審覈認證纔會給予通過。
- 回調地址：
加入：
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" charset="utf-8" data-callback="true"></script>
不過，有點坑的是：如果直接使用這種JSSDK方式實現QQ第三方登錄網站時，當回調地址和登錄按鈕所在頁面不在同一頁面時，由於這種方式使用的是【客戶端模式】，當點擊QQ登錄按鈕或者直接打開QQ登錄彈窗時，都會彈出一個新窗口，當瀏覽器設置了禁止彈窗時這種方式就很不方便使用，另外兩個窗口需要同時都在執行不然通過openapi獲取不到api列表的信息，同時在手機微信客戶端會導致總是在彈窗進行QQ登錄授權–>這種方式想實現QQ登錄行不通。
所以，如果使用這種JSSDK方式進行實現QQ登錄，需把QQ登錄按鈕和回調地址頁面在同一頁面，即：尚未QQ登錄就進行先授權後QQ登錄跳回到和QQ登錄按鈕所在頁面同一文檔（即：redirecturl頁面與加入登錄按鈕是同一個頁面），再獲取openId、accessToken和通過openapi獲取用戶基本信息，把獲取的openId、accessToken、用戶基本信息存入數據庫，我實踐過了在手機微信客戶端此方式可行。