实现QQ互联一键登录代码教程
实现QQ互联一键登录代码教程
如何用tp5.0实现QQ互联一键登录代码教程，下面是由店铺为大家整理的实现QQ互联一键登录代码教程，喜欢的可以收藏一下！了解更多详情资讯，请关注店铺！
第一步：创建模板文件 如：login_index.html
<script type="text/javascript" src="img/qzone/openapi/qc_loader.js" data-appid="填写QQ互联ID" data-redirecturi="填写域名回调地址" charset="utf-8"></script>
<script type="text/javascript">
layui.use(['layer'] function(){
var layer = layui.layer
$ = layui.jquery;
varis_login = QC.Login.check();
if(is_login){
var access_token = '';
var openid = '';
Me(function(openId accessToken){
access_token = accessToken;
openid = openId;
});
var paras = {oauth_consumer_key:'填写QQ互联ID'access_token:access_tokenopenid:openid};
QC.api('get_user_info' paras).success(function(s){
//成功回调，通过s.data获取OpenAPI的返回数据
html实现用户注册登录代码varparam ={openid:openidusername:s.data.nicknameuserhead:s.data.figureurl_qq_2sex:der};
$.post('{:url("index/login/loginqq")}'paramfunction(res){
de == 200){
QC.Login.signOut()//注销qq登陆
layer.msg(res.msg {icon: 1 anim: 6 time: 1000});
var index = frameIndex(window.name); //先得到当前iframe层的.索引
parent.layer.close(index); //再执行关闭
}else{
layer.msg(res.msg {icon: 2 anim: 6 time: 1000});
}
});
//alert("获取用户信息成功！当前用户昵称为："+s.data.nickname);
});
}else{
self.location.href='graph.qq/oauth2.0/authorize?client_id=填写QQ互联ID&response_type=token&scope=all&redirect_uri='+encodeURIComponent(self.location.href);
}
});
</script>
第一步：创建控制器文件 如：loginqq
public function loginqq()
{
$member = new MemberModel();
if (request()->isPost()) {
$data = input('post.');
$user = $admin->where('openid' $data['openid'])->find();
if ($user) {
//这里填写你需要写入的数据库
$admin->edit($data);
} else {
//这里填写你需要写入的数据库
$admin->add($data);
}
return json(array('code' => 200 'msg' => '登录成功'));
}
}
【实现QQ互联一键登录代码教程】