首先引入授權js文件
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="101140406" data-redirecturi="http://127.0.0.1" charset="utf-8"></script>
然後接入QQ登錄
第一種使用系統自帶按鈕登錄，但是這樣會彈出新窗口，不喜歡//調用QC.Login方法，指定btnId參數將按鈕綁定在容器節點中QC.Login({ //btnId：插入按鈕的節點id，必選btnId:"qqLoginBtn", //用戶需要確認的scope授權項，可選，默認all scope:"all", //按鈕尺寸，可用值[A_XL| A_L| A_M| A_S| B_M| B_S| C_S]，可選，默認B_S size: "B_M" }, function(reqData, opts){//登錄成功console.log(reqData, opts); //根據返回數據，更換按鈕顯示狀態方法var dom = document.getElementById(opts['btnId']), _logoutTemplate=[ //頭像'<span><img src="{figureurl}"/></span>', //暱稱'<span>{nickname}</span>', //退出'<span><a href="javascript:QC.Login.signOut();" rel="external nofollow" >退出</a></span>' ].join(""); dom && (dom.innerHTML = QC.String.format(_logoutTemplate, { nickname : QC.String.escHTML(reqData.nickname), //做xss過濾figureurl : reqData.figureurl })); }, function(opts){//註銷成功alert('QQ登錄註銷成功'); }); 第二種，使用自定義按鈕<a>標籤鏈接過去，然後成功後調用這個地址，a標籤的href可以參考第一種window.location QC.api("get_user_info", {}) //指定接口訪問成功的接收函數，s為成功返回Response對象.success(function(s){ console.log(s); //成功回調，通過s.data獲取OpenAPI的返回數據alert("獲取用戶信息成功！當前用戶暱稱為："+s.data.nickname); }) //指定接口訪問失敗的接收函數，f為失敗返回Response對象.error(function(f){ //失敗回調alert("獲取用戶信息失敗！ "); }) //指定接口完成請求後的接收函數，c為完成請求返回Response對象.complete(function(c){ //完成請求回調alert("獲取用戶信息完成！"); }); //檢查是否登錄if(QC.Login.check()){//如果已登錄QC.Login.getMe(function(openId, accessToken){ alert(["當前登錄用戶的", "openId為："+openId, "accessToken為："+accessToken].join("/n")); }); //這裡可以調用自己的保存接口//... }