1. 程式人生 > >第三方網站使用qq登入

第三方網站使用qq登入

qq作為國內最重要的交流工具,已經被大部分人所接受,而且qq幾乎成了人們不可缺少的溝通橋樑,為此,騰訊給出了qq互聯的api,通過這些api,我們就可以獲得登入使用者的一些資訊,由此可以使使用者免去註冊的麻煩。

下面介紹下qq互聯的步驟:

1.需要到http://connect.qq.com/manage/index申請應用,這裡需要有一個自己的域名網站,裡面我們需要修改我們網站中首頁的head,這樣才能認證通過,證明這個網站使我們自己的,qq才會授權給我們。申請過後,就會得到APP ID.

2.引入qq互聯的js api.APPID 替換為我們申請到的APP ID , REDIRECTURI 替換為授權認證的回撥地址。

3.在頁面上新增qq登入圖示<span id="qqLoginBtn"></span>

4.在回撥地址頁面新增程式碼<scripttype text="" javascript="" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" charset="utf-8" data-callbac="" true="">

這樣回撥地址將獲取到的Access Token和OpenID返回給呼叫頁面。

5.在呼叫頁面使用api得到使用者的相關資訊:QC.api(api,paras,fmt,method)通過這個函式訪問使用者資訊。具體可以參考:http://wiki.connect.qq.com/api%E5%88%97%E8%A1%A8這個api文件。

舉個例項:var paras = {};

//用JS SDK呼叫OpenAPI

QC.api(&quot;get_user_info&quot;, paras)  

//指定介面訪問成功的接收函式,s為成功返回Response物件  

.success(function(s){    /

/成功回撥,通過s.data獲取OpenAPI的返回資料    

alert(&quot;獲取使用者資訊成功!當前使用者暱稱為:&quot;+s.data.nickname);

alert(&quot;獲取使用者資訊成功!當前使用者性別為:&quot;+s.data.gender);  })  

//指定介面訪問失敗的接收函式,f為失敗返回Response物件  

.error(function(f){    

//失敗回撥    

alert(&quot;獲取使用者資訊失敗!&quot;);  

})  

//指定介面完成請求後的接收函式,c為完成請求返回Response物件  

.complete(function(c){    

//完成請求回撥    

alert(&quot;獲取使用者資訊完成!&quot;); 

 });

更多的用法,請參考http://connect.qq.com/sdk/webtools/index.html這裡可以進行相關的除錯。