腾讯空间、新浪微博、腾讯微博登录接口

川长思鸟来 2021-09-10 05:14 526阅读 0赞

腾讯空间、新浪微博、腾讯微博登录接口的使用。

注意：在网站对接前，请先申请注册好您的QQ登录appid、新浪登录Appkey、腾讯微博appkey。

**1、引用JS文件**

其中，上面代码中的“APPID”替换为申请接入QQ登录时获得的appid；“Appkey”替换为申请接入新浪登录时获得的Appkey。

**2、HTML代码**

**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