qq授权三方登录 web端

最新推荐文章于 2025-07-23 11:28:30 发布

原创

最新推荐文章于 2025-07-23 11:28:30 发布 · 3.5k 阅读

标签

#qq授权登录

收录于

本文详细介绍了如何在Web应用中实现QQ授权登录的功能，包括授权流程、关键接口使用及注意事项，帮助开发者快速集成QQ登录接口。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="/https://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="101465158**" charset="utf-8"></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, ac