js-QQ三方登陆

首先在QQ官网创建应用   http://connect.qq.com/manage/index   

注意下回调地址的填写，有官方文档的解释，在创建中需要有个网站验证，在主页的head标签中加上一段代码，等待审核通过偶

获得APP ID  和APP KEY

随便那给一个UI点击事件οnclick="return  window.open('https://graph.qq.com/oauth2.0/authorize?client_id=你的APP ID&response_type=token&scope=all&redirect_uri=http://qzonestyle.gtimg.cn/qzone/openapi/redirect-1.0.1.html（这个回调的url 去看看官方文档）', 'oauth2Login_10721' ,'height=525,width=585, toolbar=no, menubar=no, scrollbars=no, status=no, location=yes, resizable=yes');">

之后在JS方面：

首先添加官方的Js:

<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="你的APP ID"  charset="utf-8"></script>

之后还要添加下面这行js，在你登陆QQ成功后返回的界面中添加，为了验证

<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" charset="utf-8" data-callback="true"></script>

接下来就是js API方面

<script type="text/javascript">
    //从页面收集OpenAPI必要的参数。get_user_info不需要输入参数，因此paras中没有参数
    var paras = {};
    //用JS SDK调用OpenAPI
    QC.api("get_user_info", paras)
        //指定接口访问成功的接收函数，s为成功返回Response对象
            .success(function(s) {
                //成功回调，通过s.data获取OpenAPI的返回数据
                alert("获取用户信息成功！当前用户昵称为：" + s.data.nickname);
            })
        //指定接口访问失败的接收函数，f为失败返回Response对象
            .error(function(f) {
                //失败回调
                window.location.href='http://test.qicheyitiao.com/';
                alert("获取用户信息失败！");
            })
        //指定接口完成请求后的接收函数，c为完成请求返回Response对象
            .complete(function(c) {
                window.location.href='http://test.qicheyitiao.com/';
                //完成请求回调
                alert("获取用户信息完成！");
            });
</script>

<script type="text/javascript">
    if (QC.Login.check()){//如果已登录

            alert(["当前登录用户的", "openId为：" + openId, "accessToken为：" + accessToken].join("\n"));
          
        });
        //这里可以调用自己的保存接口
      }
</script>