QQ登录简单实现代码


Posted in Javascript onMarch 09, 2021

qq登录很简单 先要去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="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="999999999" data-redirecturi="http://www.8m8.top/login/userqq.html" 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='https://graph.qq.com/oauth2.0/authorize?client_id=999999999&response_type=token&scope=all&redirect_uri='+encodeURIComponent(self.location.href);
	}
});
	
</script>
</body>
</html>

 

Javascript 相关文章推荐
使两个iframe的高度与内容自适应,且相等
Nov 20 Javascript
javascript 面向对象全新理练之数据的封装
Dec 03 Javascript
js网页版计算器的简单实现
Jul 02 Javascript
编写js扩展方法判断一个数组中是否包含某个元素
Nov 08 Javascript
JQuery结合CSS操作打印样式的方法
Dec 24 Javascript
JavaScript实现自动消除按钮功能的方法
Aug 05 Javascript
浅析Bootstrap表格的使用
Jun 23 Javascript
jQuery ready()和onload的加载耗时分析
Sep 08 Javascript
Vue.js仿Metronic高级表格(二)数据渲染
Apr 19 Javascript
获取当前按钮或者html的ID名称实例(推荐)
Jun 23 Javascript
angular2模块和共享模块详解
Apr 08 Javascript
详解mpvue scroll-view自动回弹bug解决方案
Oct 01 Javascript
正则表达式语法
Oct 09 #Javascript
javaScript - 如何引入js代码
Mar 09 #Javascript
JavaScript延迟加载
Mar 09 #Javascript
JS 统计时间
Mar 09 #Javascript
JS JavaScript获取Url参数,src属性参数
Mar 09 #Javascript
JAVASCRIPT 对象的创建与使用
Mar 09 #Javascript
JS 容错处理代码, 屏蔽错误信息
Mar 09 #Javascript
You might like
PHP中HTTP方式下的Gzip压缩传输方法举偶
2007/02/15 PHP
php上传文件的增强函数
2010/07/21 PHP
PHP学习之正则表达式
2011/04/17 PHP
PHP统计当前在线用户数实例讲解
2015/10/21 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
prototype1.4中文手册
2006/09/22 Javascript
javascript下给元素添加事件的方法与代码
2007/08/13 Javascript
jquery判断密码强度的验证代码
2020/04/22 Javascript
JS 通过系统时间限定动态添加 select option的实例代码
2016/06/09 Javascript
使用ES6语法重构React代码详解
2017/05/09 Javascript
JavaScript正则表达式校验与递归函数实际应用实例解析
2017/08/04 Javascript
深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域
2018/08/28 Javascript
原生JS实现留言板功能
2020/02/08 Javascript
js实现时钟定时器
2020/03/26 Javascript
[57:09]DOTA2-DPC中国联赛 正赛 Phoenix vs Dynasty BO3 第一场 1月26日
2021/03/11 DOTA
Windows下Eclipse+PyDev配置Python+PyQt4开发环境
2016/05/17 Python
python异常和文件处理机制详解
2016/07/19 Python
Django如何实现内容缓存示例详解
2017/09/24 Python
Python实现的拟合二元一次函数功能示例【基于scipy模块】
2018/05/15 Python
opencv python 图像去噪的实现方法
2018/08/31 Python
详解Python中is和==的区别
2019/03/21 Python
Django MEDIA的配置及用法详解
2019/07/25 Python
selenium判断元素是否存在的两种方法小结
2020/12/07 Python
python实现马丁策略的实例详解
2021/01/15 Python
CSS3 制作绽放的莲花采用效果叠加实现
2013/01/31 HTML / CSS
财务部总监岗位职责
2014/03/12 职场文书
公司合作意向书
2014/04/01 职场文书
十佳护士先进事迹
2014/05/08 职场文书
园艺专业毕业生求职信
2014/09/02 职场文书
民主评议党员自我鉴定
2014/10/21 职场文书
车队安全员岗位职责
2015/02/15 职场文书
运动员入场词
2015/07/18 职场文书
趣味运动会赞词
2015/07/22 职场文书
css display table 自适应高度、宽度问题的解决
2021/05/07 HTML / CSS
Python FuzzyWuzzy实现模糊匹配
2022/04/28 Python
解决Windows Server2012 R2 无法安装 .NET Framework 3.5
2022/04/29 Servers