网站QQ快捷登录

1,849 阅读1分钟

1、 申请appid和appkey

申请地址:connect.qq.com/manage.html…

2、SDK下载

地址:wiki.connect.qq.com/sdk下载

3、放置QQ登录按钮

3.1 前台代码

 <div id="qqlogin" onclick="toLogin()">
    <img class="icon" src="qq.png">
    <span class="buttonText">QQ</span>
</div>

3.2 点击方法

function toLogin() {
    //以下为按钮点击事件的逻辑。注意这里要重新打开窗口
    //否则后面跳转到QQ登录,授权页面时会直接缩小当前浏览器的窗口,而不是打开新窗口
    // '/qqlogin/index.php' 进行授权登录
    var A = window.open("/qqlogin/index.php", "TencentLogin",
        "width=450,height=320,menubar=0,scrollbars=1,resizable=1,status=1,titlebar=0,toolbar=0,location=1");
}

4、授权登录后回调地址设置(QQ互联应用管理)

5、回调地址获取用户信息

6、查询该用户是否登录过