龙空技术网

网站上增加QQ登录功能简单教程

爆笑等等 117

前言:

眼前小伙伴们对“jquery漂亮登录页面”大致比较关心,各位老铁们都想要剖析一些“jquery漂亮登录页面”的相关资讯。那么小编在网络上网罗了一些有关“jquery漂亮登录页面””的相关资讯,希望朋友们能喜欢,你们快快来了解一下吧!

首先你得有一个网站,然后你的域名得是已备案好的,这个是必须的条件。

然后去申请qq互联的功能,网址是 通过后有专属的key和秘钥,这个简单说一下不是重点,重点是以下的代码。

<!DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><link rel="stylesheet" href="__PUBLIC__/index/layui/css/layui.css"><script src="__PUBLIC__/index/layui/layui.js" type="text/javascript"></script><script type="text/javascript" src="" data-appid="999999999" data-redirecturi="http://回调地址" charset="utf-8"></script></head><body><script type="text/javascript">layui.use(['layer'], function(){	var layer = layui.layer,	$ = layui.jquery;	var	is_login = QC.Login.check();	if(is_login){		var access_token = '999999999666666666';		var openid = '999999999';		QC.Login.getMe(function(openId, accessToken){			access_token = accessToken;			openid = openId;		});		var paras = {oauth_consumer_key:'999999999',access_token:access_token,openid:openid};		QC.api('get_user_info', paras).success(function(s){			//成功回调,通过s.data获取OpenAPI的返回数据			var	param ={openid:openid,username:s.data.nickname,userhead:s.data.figureurl_qq_2,sex:s.data.gender};			//console.log(s);			$.post('{:url("login/loginqq")}',param,function(res){		 if(res.code == 200){		 	QC.Login.signOut()//注销qq登陆				layer.msg(res.msg, {icon: 1, anim: 6, time: 1000},function(){					var index = parent.layer.getFrameIndex(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=';response_type=token&scope=all&redirect_uri='+encodeURIComponent(self.location.href);	}});	</script></body></html>

根据实际需求写代码,我是等等小明

来源于 8m8.top 有问题请留言讨论

标签: #jquery漂亮登录页面