<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="10146515844" charset="utf-8"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
</head>
<body>
<div>
<span id="qqLoginBtn" class="login_btn"></span>QQ登录
</div>
<p id="signOut">退出qq登录</p>
</body>
</html>
<script type="text/javascript">
QC.Login({
//btnId：插入按钮的节点id，必选
btnId:"qqLoginBtn",
//用户需要确认的scope授权项，可选，默认all
scope:"all",
//按钮尺寸，可用值[A_XL| A_L| A_M| A_S| B_M| B_S| C_S]，可选，默认B_S
size: "C_S"
}, function(reqData, opts){//登录成功 登录窗口关闭回到登录页 返回用户信息
//根据返回数据，更换按钮显示状态方法
console.log(reqData);//查看返回数据
localStorage.setItem("qq_info",JSON.stringify(reqData))
QC.Login.getMe(function(openId, accessToken){//获取用户的openId
console.log('QQOPENID:'+openId);
QC.Login.signOut();//退出QQ登录调用事件
});
});
//退出QQ登录
$('signOut').on('click',function(){
QC.Login.signOut();//退出QQ登录调用事件 重新打开登录页 做清除本地用户信息操作
})
</script>
网友评论