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、其他

--注:雨上信息,未测试

如果存在问题或未说明到的,可以积极回复!

 

posted @ 2017-02-17 16:58  learcher  阅读(579)  评论(2编辑  收藏  举报