“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>