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简单事件处理和with用法介绍
Sep 16 Javascript
jQuery+JSON实现AJAX二级联动实例分析
Dec 18 Javascript
浅谈Angular的$q, defer, promise
Dec 20 Javascript
vue使用stompjs实现mqtt消息推送通知
Jun 22 Javascript
微信小程序 自定义消息提示框
Aug 06 Javascript
EasyUI创建人员树的实例代码
Sep 15 Javascript
vue使用自定义icon图标的方法
May 14 Javascript
vue-cli的工程模板与构建工具详解
Sep 27 Javascript
浅谈JavaScript 代码整洁之道
Oct 23 Javascript
vuex实现的简单购物车功能示例
Feb 13 Javascript
基于openlayers实现角度测量功能
Sep 28 Javascript
Vue.Draggable实现交换位置
Apr 07 Vue.js
正则表达式语法
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安全配置
2006/10/09 PHP
php实现refresh刷新页面批量导入数据的方法
2014/12/23 PHP
PHP中is_dir()函数使用指南
2015/05/08 PHP
javascript数组的扩展实现代码集合
2008/06/01 Javascript
js获取客户端外网ip的简单实例
2013/11/21 Javascript
javascript自动生成包含数字与字符的随机字符串
2015/02/09 Javascript
浅谈jQuery页面的滚动位置scrollTop、scrollLeft
2015/05/19 Javascript
JavaScript运算符小结
2015/06/03 Javascript
基于jquery编写的放大镜插件
2016/03/23 Javascript
如何使用headjs来管理和异步加载js
2016/11/29 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
2016/12/20 Javascript
jQuery实现的省市联动菜单功能示例【测试可用】
2017/01/13 Javascript
es6中的解构赋值、扩展运算符和rest参数使用详解
2017/09/28 Javascript
JavaScript函数apply()和call()用法与异同分析
2018/08/10 Javascript
Vuex 在Vue 组件中获得Vuex 状态state的方法
2018/08/27 Javascript
JS复杂判断的更优雅写法代码详解
2018/11/07 Javascript
vue项目中使用vue-layer弹框插件的方法
2020/03/11 Javascript
Vue3 响应式侦听与计算的实现
2020/11/11 Javascript
[42:34]VP vs VG 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python通过递归遍历出集合中所有元素的方法
2015/02/25 Python
Python实现的简单文件传输服务器和客户端
2015/04/08 Python
Python算法之求n个节点不同二叉树个数
2017/10/27 Python
python pygame实现2048游戏
2018/11/20 Python
pandas通过loc生成新的列方法
2018/11/28 Python
Python如何实现转换URL详解
2019/07/02 Python
微信小程序python用户认证的实现
2019/07/29 Python
对python中UDP,socket的使用详解
2019/08/22 Python
给我一面国旗 python帮你实现
2019/09/30 Python
python实现将一维列表转换为多维列表(numpy+reshape)
2019/11/29 Python
实例讲解CSS3中的border-radius属性
2015/08/18 HTML / CSS
Expedia丹麦:全球领先的旅游网站
2018/03/18 全球购物
英国最大的天然和有机产品在线零售商之一:Big Green Smile
2020/05/06 全球购物
母亲节演讲稿范文
2014/01/02 职场文书
授权委托书格式模板
2014/04/03 职场文书
mysql left join快速转inner join的过程
2021/06/30 MySQL
Zabbix对Kafka topic积压数据监控的问题(bug优化)
2022/07/07 Servers