第三方登录 QQ -微信- facebook

最近网站更新了一些需求，做了第三方登录，总结了一些，也是第一次做，有不足的地方欢迎指正！！！

        申请过程就不说了，下来就appId和keyId,然后引用几个js,

           第一个需要放在head内：,

            第二个js:。

下边是html和js

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

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

});

//从页面收集OpenAPI必要的参数。get_user_info不需要输入参数，因此paras中没有参数

var paras = {};

//用JS SDK调用OpenAPI

QC.api("get_user_info", paras)

//指定接口访问成功的接收函数，s为成功返回Response对象

.success(function(s){

//成功回调，通过s.data获取OpenAPI的返回数据

console.log("获取用户信息成功！当前用户昵称为："+s.data.nickname);

})

//指定接口访问失败的接收函数，f为失败返回Response对象

.error(function(f){

//失败回调

console.log("获取用户信息失败！");

})

//指定接口完成请求后的接收函数，c为完成请求返回Response对象

.complete(function(c){

//完成请求回调

console.log("获取用户信息完成！");

});

if(QC.Login.check()){//如果已登录

QC.Login.getMe(function(openId, accessToken){

console.log(["当前登录用户的", "openId为："+openId, "accessToken为："+accessToken].join("\n"));

});

//这里可以调用自己的保存接口

//...

}

//

QQ退出的方法QC.Login.signOut()

QQ结束。

    微信登录：

还是两个js,第一个js还是放在head里

第二个js: