首页 > 代码库 > 腾讯空间、新浪微博、腾讯微博登录接口
腾讯空间、新浪微博、腾讯微博登录接口
腾讯空间、新浪微博、腾讯微博登录接口的使用。
注意:在网站对接前,请先申请注册好您的QQ登录appid、新浪登录Appkey、腾讯微博appkey。
1、引用JS文件
<script src=http://www.mamicode.com/"http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="appid" type="text/javascript" language="javascript"></script> >其中,上面代码中的“APPID”替换为申请接入QQ登录时获得的appid;“Appkey”替换为申请接入新浪登录时获得的Appkey。
2、HTML代码
<span id="tpa_login_qq"></span> <span id="tpa_login_sina"></span> <span id="tpa_login_tqq"></span>3、JS脚本
$(document).ready(function() { tpaLogin.init(); }); //第三方平台登录 var tpaLogin = { init: function() { tpaLogin.qzone(); //初始化QQ登录 tpaLogin.sina(); //初始化新浪登录 tpaLogin.tqq(); //初始化腾讯微博登录 }, //保存登录用户信息 param: { tpaUserSerialNo: ‘‘, //用户序号 nickname: ‘‘, //用户昵称 figureurl1: ‘‘, //用户头像Url(小图) figureurl2: ‘‘, //用户头像Url(中图) figureurl3: ‘‘, //用户头像Url(大图) gender: ‘‘ //性别(1:男、2:女) }, //参数重置 paramReset: function() { tpaLogin.param.tpaUserSerialNo = ‘‘; tpaLogin.param.nickname = ‘‘; tpaLogin.param.figureurl1 = ‘‘; tpaLogin.param.figureurl2 = ‘‘; tpaLogin.param.figureurl3 = ‘‘; }, //QQ空间 qzone: function() { QC.Login( { btnId: "tpa_login_qq", //按钮尺寸,可用值[A_XL| A_L| A_M| A_S| B_M| B_S| C_S],可选,默认B_S size: "B_M" }, function(reqData, opts) { tpaLogin.paramReset(); //获取登录用户信息 QC.Login.getMe(function(openId, accessToken) { tpaLogin.param.tpaUserSerialNo = openId; //用户序号 }); tpaLogin.param.nickname = reqData.nickname; tpaLogin.param.figureurl1 = reqData.figureurl; tpaLogin.param.figureurl2 = reqData.figureurl_1; tpaLogin.param.figureurl3 = reqData.figureurl_2; if (reqData.gender == "男") { tpaLogin.param.gender = 1; } else { tpaLogin.param.gender = 2; } //根据返回数据,更换按钮显示状态方法 var dom = document.getElementById(opts[‘btnId‘]), _logoutTemplate = [ //头像 ‘<span><img src="{figureurl}" class="{size_key}"/></span>‘, //昵称 ‘<span>{nickname}</span>‘, //退出 ‘<span><a href="javascript:QC.Login.signOut();">退出</a></span>‘ ].join(""); dom && (dom.innerHTML = QC.String.format(_logoutTemplate, { nickname: QC.String.escHTML(reqData.nickname), //做xss过滤 figureurl: reqData.figureurl })); }, function(opts) { //注销成功 alert(‘QQ登录 注销成功‘); } ); }, //新浪 sina: function() { WB2.anyWhere(function(W) { W.widget.connectButton({ id: "tpa_login_sina", //按钮ID type: "3,5", //按钮样式 callback: { login: function(ret) { tpaLogin.paramReset(); //获取登录用户信息 tpaLogin.param.tpaUserSerialNo = ret.id; //用户序号 tpaLogin.param.nickname = ret.screen_name; tpaLogin.param.figureurl1 = ret.profile_image_url; tpaLogin.param.figureurl2 = ret.avatar_large; tpaLogin.param.figureurl3 = ret.avatar_large; if (ret.gender == "m") { tpaLogin.param.gender = 1; } else { tpaLogin.param.gender = 2; } }, logout: function() { //注销成功 alert(‘新浪登录 注销成功‘); } } }) }) }, //腾讯微博 tqq: function() { T.init({ appkey: appkey }); var _loginBtn = $(‘<a href="javascript:;">登录到腾讯微博</a>‘).appendTo($("#tpa_login_tqq")).click(function() { T.login(function(loginStatus) { // 弹出登录窗口 // 本次登录成功 var _name = $(‘<span style="display:none;"></span>‘).appendTo($("#tpa_login_tqq")); var _logoutBtn = $(‘<a href="javascript:;" style="display:none;margin-left:5px;">退出</a>‘).appendTo($("#tpa_login_tqq")).click(function() { T.logout(function() { //注销成功 alert(‘腾讯微博 注销成功‘); _name.hide(); _logoutBtn.hide(); _loginBtn.show(); }) }); _name.show().text(loginStatus.nick); _logoutBtn.show(); _loginBtn.hide(); //获取微博信息 T.api("/user/info") .success(function(response) { tpaLogin.param.tpaUserSerialNo = response.data.openid; //用户序号 tpaLogin.param.nickname = response.data.nick; tpaLogin.param.figureurl1 = response.data.head; tpaLogin.param.figureurl2 = response.data.head; tpaLogin.param.figureurl3 = response.data.head; if (response.data.sex == "1") { tpaLogin.param.gender = 1; } else { tpaLogin.param.gender = 2; } }) .error(function(code, message) { alert(message); }); }, function(error) { // 本次登录成功 //alert("登录失败"); }); }); }, //退出 logout: function() { if (QC.Login != null && QC.Login.check()) { QC.Login.signOut(); } else if (WB2 != null && WB2.checkLogin()) { WB2.logout(); } else if (T.loginStatus()) { T.logout(); } } };
附件
1、QQ登录文档:http://wiki.connect.qq.com/js_sdk%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E
2、新浪登录文档:http://open.weibo.com/wiki/index.php/Weibo-JS_V2#.E5.BE.AE.E5.8D.9A.E8.BF.9E.E6.8E.A5.E6.8C.89.E9.92.AE
3、腾讯微博文档:http://wiki.open.t.qq.com/index.php/Open-js
腾讯空间、新浪微博、腾讯微博登录接口
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。