实现 QQ JS SDK 第三方登陆

原文链接：https://www.langhuaquan.com/blog/18.html

//HTML

 

                     
• 
                           
                               
                                QQ
                           
                       

 

 

//JS

//加上setTimeout是为了防止qq回调时，还未初始化完成就调用qq的API
setTimeout(function() {
//从页面收集OpenAPI必要的参数。get_user_info不需要输入参数，因此paras中没有参数
var paras = {};
//用js SDK调用OpenAPI
QC.api("get_user_info", paras)
//指定接口访问成功的接收函数，s为成功返回Response对象
.success(function(s) {
//成功回调，通过s.data获取OpenAPI的返回数据
QC.Login.getMe(function(openId, accessToken) {
qq_Login(s, openId, accessToken); //对应JS的qq_Login()的方法
});
})
//指定接口访问失败的接收函数，f为失败返回Response对象
.error(function(f) {
//失败回调
alert("使用QQ登录失败");
});
}, 200);


/**
  * QQ登录
  * @param s
  * @param openId
  * @param accessToken
  */
function qq_Login(s, openId, accessToken) {
//后台需要的参数
var params = {
'openId' : openId,
'nickName' : s.data.nickname,
'avatar' : s.data.figureurl_qq_1,
'sex' : s.data.gender=="男"?1:0
}
//向后台发送数据
showLoading();
$.post("/member/thirdLogin/", params, function(result) {
if(result.dealFlag=="1"){
console.info(result)
window.location.href = domain + "/";
}else{
alert(result.dealMsg);
}
hideLoading();
}).error(function(){
hideLoading();
alert("出错啦")
});
}