第三方QQ,Sina登入平臺 JS sdk
阿新 • • 發佈：2019-02-01
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta property="qc:admins" content="1444076016125246375" /> <meta property="wb:webmaster" content="e494ec2e61e8cdef" /> <script type="text/javascript" src="./js/jquery-1.2.6.min.js"></script> <!-- QQ第三方登入JS匯入 --> <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc.js#appId=100253466" charset="utf-8"></script> <!-- Sina第三方登入JS匯入 --> <script type="text/javascript" src=" http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=3347040998" charset="utf-8"></script> <title>管理系統</title> <style> body{background:#666; padding:0; font-size:12px;} a{font-weight:bold; background:#fff;} .body{width:750px; margin:0 auto 300px auto; background:#f9f9f9;} .title{font:normal normal 18px/2.2em "黑體"; margin:0; text-align:center; background:#ccc; border:1px solid #bbb; border-bottom:5px solid #bbb;} .contents{padding:0 15px; line-height:1.7em; border:1px solid #bbb;} .contents .line{height:1px; background:#ccc; overflow:hidden; margin:15px 0;} .footer{background:#ccc; border:1px solid #bbb; border-top:5px solid #bbb; text-align:center; line-height:3em;} </style> </head> <body> <div class="body">登入測試： <span id="qq_login_btn"></span> <script type="text/javascript"> QC.Login({ btnId:"qq_login_btn" //插入按鈕的節點id }); </script> <script type="text/javascript"> if(QC.Login.check()){//如果已登入 QC.Login.getMe(function(openId, accessToken){ alert(["當前登入使用者的", "openId為："+openId, "accessToken為："+accessToken].join("n")); }); //這裡可以呼叫自己的儲存介面 //... } </script> <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc.js#appId=100229030" charset="UTF-8"></script> <script type="text/javascript"> function getInfo() { if(QC.Login.check()){ QC.api("get_user_info") .success(function(s){//成功回撥 alert("獲取使用者資訊成功！當前使用者暱稱為："+s.data.nickname); }) .error(function(f){//失敗回撥 alert("獲取使用者資訊失敗！"); }) .complete(function(c){//完成請求回撥 alert(c.stringifyData()); //通過QQ OpenAPI提供的各種方法提取資料 }); }else{ alert("請登入後體驗"); } } function getToken() { if(QC.Login.check()){ QC.Login.getMe(function(openId, accessToken){ alert(["當前登入使用者的", "openid為："+openId, "accessToken為："+accessToken].join("n")); }); alert(s.data.nickname); }else{ alert("請登入後體驗"); } } //callback為jssdk保留字，測試是否會覆蓋當前頁面函式 function callback(){ alert("已經成功回撥！"); } function pageInit() { document.getElementByIdx_x("qq_login_btn").innerHTML = document.getElementByIdx_x("qq_login_btn").getAttribute("_origText"); } //獲取jsdoc示例 function getDoc() { QC.api.getDoc("get_user_info", function(doc){ var str = QC.JSON.stringify(doc); alert(str); }); } pageInit(); //加入QQ登入按鈕 QC.Login({ btnId:"qq_login_btn" }); </script> <div class="pad_2"> <label><input type="button" value=" 獲取 使用者暱稱" onclick="getInfo();"/></label> </div> <!--start sina賬號登入平臺--> <span id="wb_connect_btn"></span> <script type="text/javascript"> WB2.anyWhere(function(W){ W.widget.connectButton({ id: "wb_connect_btn", callback : { login:function(o){ //登入成功之後執行 alert(o.screen_name); }, logout:function(){ //退出之後執行 alert('退出之後執行'); } } }); }); </script> <!-- end sina賬號登陸平臺 --> </body> </html>