QQ第三方登录（JS）

最新推荐文章于 2025-03-10 17:30:39 发布

XiXi啊

最新推荐文章于 2025-03-10 17:30:39 发布

阅读量2k

点赞数

分类专栏：网站开发

本文链接：https://blog.csdn.net/Gao__xi/article/details/90199970

版权

网站开发专栏收录该内容

3 篇文章

订阅专栏

步骤简介

1.首先你要在QQ互联上，注册，登录和成为开发者
2.创建一个网站应用
3.放置一个QQ登录按钮
4.复制JS代码和修改JS代码（添加自己的appID 回调地址）

演示

1.首先你要在QQ互联上，注册，登录和成为开发者
略。。。。
2.创建一个网站应用

在这里插入图片描述

3.放置一个QQ登录按钮
（1）先来个干净的页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>QQLogin</title>
</head>
<body>
<a href="javascript:void(0)">QQ登录</a>
</body>
</html>

4.复制JS代码和修改JS代码（添加自己的appID 回调地址）（http://wiki.connect.qq.com/js_sdk使用说明）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>QQLogin</title>
</head>
<body>
<a href="javascript:void(0)" id="qqLoginBtn">QQ登录</a>

<script type="text/javascript"  charset="utf-8"
        src="http://connect.qq.com/qc_jssdk.js"
        data-appid="101575099"
        data-redirecturi="http://www.kobe.com/myproject1"
></script>
<script type="text/javascript">
    QC.Login({
        btnId:"qqLoginBtn"	//插入按钮的节点id
    });
</script>
</body>
</html>

分析：
在这里插入图片描述
回调地址如果写成我截图中的地址（非申请时的回调地址）会出现下面情况