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 相关文章推荐
JavaScript 高级语法介绍
Jun 15 Javascript
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
Apr 19 Javascript
高效率JavaScript编写技巧整理
Aug 23 Javascript
css样式标签和js语法属性区别
Nov 06 Javascript
jQuery中insertAfter()方法用法实例
Jan 08 Javascript
JavaScript使用atan2来绘制箭头和曲线的实例
Sep 14 Javascript
vue-router2.0 组件之间传参及获取动态参数的方法
Nov 10 Javascript
js中DOM事件绑定分析
Mar 18 Javascript
微信小程序云开发如何使用npm安装依赖
May 18 Javascript
解决Vue打包后访问图片/图标不显示的问题
Jul 25 Javascript
JS前端模块化原理与实现方法详解
Mar 17 Javascript
浅谈Vue 函数式组件的使用技巧
Jun 16 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操作MongoDB的技术总结
2013/06/02 PHP
thinkphp在模型中自动完成session赋值示例代码
2014/09/09 PHP
smarty模板数学运算示例
2016/12/11 PHP
thinkPHP框架RBAC实现原理分析
2019/02/01 PHP
ThinkPHP框架下微信支付功能总结踩坑笔记
2019/04/10 PHP
用js重建星际争霸
2006/12/22 Javascript
jquery控制listbox中项的移动并排序的实现代码
2010/09/28 Javascript
js自动下载文件到本地的实现代码
2013/04/28 Javascript
Javascript 修改String 对象 增加去除空格功能(示例代码)
2013/11/30 Javascript
js获取select默认选中的Option并不是当前选中值
2014/05/07 Javascript
js实现的点击数量加一可操作数据库
2014/05/09 Javascript
JS生成不重复随机数组的函数代码
2014/06/10 Javascript
2则自己编写的jQuery特效分享
2015/02/26 Javascript
jQuery EasyUI中DataGird动态生成列的方法
2016/04/05 Javascript
Vue.js常用指令汇总(v-if、v-for等)
2016/11/03 Javascript
使用react-router4.0实现重定向和404功能的方法
2017/08/28 Javascript
vue组件父子间通信详解(三)
2017/11/07 Javascript
详解如何用VUE写一个多用模态框组件模版
2018/09/27 Javascript
原生JS实现的放大镜特效示例【测试可用】
2018/12/08 Javascript
详解NodeJS Https HSM双向认证实现
2019/03/12 NodeJs
JavaScript canvas实现跟随鼠标事件
2020/02/10 Javascript
python使用cookielib库示例分享
2014/03/03 Python
Django admin model 汉化显示文字的实现方法
2019/08/12 Python
Python异常模块traceback用法实例分析
2019/10/22 Python
利用pandas将非数值数据转换成数值的方式
2019/12/18 Python
Currentbody西班牙:美容仪专家
2019/09/28 全球购物
Cocopanda波兰:购买化妆品、护肤品、护发和香水
2020/05/25 全球购物
全球最大化妆品零售网站:SkinStore
2020/10/24 全球购物
财务会计专业毕业生自荐信
2013/10/02 职场文书
行政办公员自我评价分享
2013/12/14 职场文书
优秀团队获奖感言
2014/02/19 职场文书
我们的节日元宵活动方案
2014/08/23 职场文书
科学发展观标语
2014/10/08 职场文书
小学教师先进事迹材料
2014/12/15 职场文书
高考1977观后感
2015/06/04 职场文书
Mysql关于数据库是否应该使用外键约束详解说明
2021/10/24 MySQL