最近网站更新了一些需求,做了第三方登录,总结了一些,也是第一次做,有不足的地方欢迎指正!!!
申请过程就不说了,下来就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: