QQ第三方登录(JS)

步骤简介

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>

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

在这里插入图片描述

结果

在这里插入图片描述

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/Gao__xi/article/details/90199970
今日推荐