三步教你在网站中加入QQ登陆,QQ互联申请通过

发布者:最美的数字 2022-4-11 20:26

“QQ登录”是目前最为流行的网站社会化登陆方式,是腾讯公司提供给第三方网站的一种服务,可以让用户使用QQ帐号及信息在其它网站上登录,分享内容、同步信息,从而大大减少了用户注册的繁琐步骤,真正实现了一键登陆。借助QQ庞大的用户群,接入QQ登陆的第三方网站,可以轻松地提升网站的用户数。

一、申请接入,获取appid和appkey,申请地址:http://open.qq.com/

这里不再赘述,先申请应用,再审核。

二、加入js

在任意网站页面中在<head></head>标签中加入QQ登录的JSSDK库:原代码如下:

<scripttype="text/javascript"src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"data-appid="申请来的APPID"data-redirecturi="回调页面URL,如:http://www.2ky.cn/qqlogin/transfer.htm"charset="utf-8"></script>

三、加入QQ登录按钮

在<body>标签中需要显示QQ登陆图标的地方,加入以下代码:

<div style=" margin-top:200px;">

<span id="qq_login_btn"></span> 

<script type="text/javascript"> 

QC.Login({//按默认样式插入QQ登录按钮 

btnId:"qq_login_btn"    //插入按钮的节点id 

}); 

</script> 

</div>

完成,演示看http://www.wenzhaihui.com/qq.html

完整代码可以直接复制使用:

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>

<metaname="keywords"content="[!--pagekeywords--]"/>

<metaname="description"content="[!--pagedescription--]"/>

<metaproperty="qc:admins"content="12772662310165464510063757"/>

<scripttype="text/javascript"src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"

data-appid="101154742"data-redirecturi="http://www.wenzhaihui.com/e/memberconnect/qq/loginend.php"charset="utf-8"></script>

<title>[!--pagetitle--]</title>

</head>

<body>

<div style=" margin-top:200px;">

<span id="qq_login_btn"></span> 

<script type="text/javascript"> 

QC.Login({//按默认样式插入QQ登录按钮 

btnId:"qq_login_btn"    //插入按钮的节点id 

}); 

</script> 

</div>

</body>

</html>

为你推荐