第三方網站使用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("get_user_info", paras)
//指定介面訪問成功的接收函式,s為成功返回Response物件
.success(function(s){ /
/成功回撥,通過s.data獲取OpenAPI的返回資料
alert("獲取使用者資訊成功!當前使用者暱稱為:"+s.data.nickname);
alert("獲取使用者資訊成功!當前使用者性別為:"+s.data.gender); })
//指定介面訪問失敗的接收函式,f為失敗返回Response物件
.error(function(f){
//失敗回撥
alert("獲取使用者資訊失敗!");
})
//指定介面完成請求後的接收函式,c為完成請求返回Response物件
.complete(function(c){
//完成請求回撥
alert("獲取使用者資訊完成!");
});
更多的用法,請參考http://connect.qq.com/sdk/webtools/index.html這裡可以進行相關的除錯。