QQ互联
看了一下网络上面写的QQ互联登录,觉得还是不够傻瓜,所以还是自己写一个吧。
简单来说就三步
1、创建一个回调页面(这个回调页面主要是)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>title</title> <meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="cache-control" content="no-cache" /> <meta http-equiv="expires" content="0" /> <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-callback="true" charset="utf-8" ></script> </head> <body> </body> </html>
2、登录页面QQ互联登录
2.1、登录按钮标签:
<span id="qqLoginBtn" ></span>
2.2、引入JS
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="XXXX" // appid ,申请QQ互联时有给的 data-redirecturi="http://www.51purse.com/qq_back.html" // 回调页面,也就是1中说的回调页 charset="utf-8" ></script>
2.3、登录JS
QC.Login({
btnId : "qqLoginBtn",//插入按钮的html标签id
size : "A_M",//按钮尺寸
scope : "get_user_info",//展示授权,全部可用授权可填 all
display : "pc"//应用场景,可选
},function(reqData, opts){
// 这里可以加自己的业务处理
window.location.href="indox.html"; // QQ登录完成成功后,跳转到首页
});
3、其他
--注:雨上信息,未测试
如果存在问题或未说明到的,可以积极回复!