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实现ecshop搜索框键盘上下键切换控制
Mar 18 Javascript
Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready
Nov 24 Javascript
浅析js绑定事件的常用方法
May 15 Javascript
JS hashMap实例详解
May 26 Javascript
微信小程序 实现拖拽事件监听实例详解
Nov 16 Javascript
微信小程序实现人脸检测功能
May 25 Javascript
vue.js 图片上传并预览及图片更换功能的实现代码
Aug 27 Javascript
使用Object.defineProperty如何巧妙找到修改某个变量的准确代码位置
Nov 02 Javascript
详解react阻止无效重渲染的多种方式
Dec 11 Javascript
Vue插槽原理与用法详解
Mar 05 Javascript
JS实现transform实现扇子效果
Jan 17 Javascript
基于Vue sessionStorage实现保留搜索框搜索内容
Jun 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制作中间带自己定义图片二维码的方法
2014/01/27 PHP
微信公众平台开发之配置与请求
2015/08/26 PHP
深入解析PHP底层机制及相关原理
2020/12/11 PHP
asp.net和asp下ACCESS的参数化查询
2008/06/11 Javascript
Javascript 八进制转义字符(8进制)
2011/04/08 Javascript
jquery实现textarea输入字符控制(仿微博输入控制字符)
2013/04/26 Javascript
单元选择合并变色示例代码
2014/05/26 Javascript
JAVA四种基本排序方法实例总结
2015/07/24 Javascript
jQuery.trim() 函数及trim()用法详解
2015/10/26 Javascript
AngularJS基础 ng-show 指令简单示例
2016/08/03 Javascript
jQuery基于xml格式数据实现模糊查询及分页功能的方法
2016/12/25 Javascript
js随机生成一个验证码
2017/06/01 Javascript
Vue.js实现分页查询功能
2020/11/15 Javascript
详解如何使用webpack打包多页jquery项目
2019/02/01 jQuery
详解用场景去理解函数柯里化(入门篇)
2019/04/11 Javascript
Node使用Nodemailer发送邮件的方法实现
2020/02/24 Javascript
[49:29]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
布同自制Python函数帮助查询小工具
2011/03/13 Python
python回溯法实现数组全排列输出实例分析
2015/03/17 Python
python好玩的项目—色情图片识别代码分享
2017/11/07 Python
python生成随机图形验证码详解
2017/11/08 Python
python email smtplib模块发送邮件代码实例
2018/04/26 Python
Python实现数据可视化看如何监控你的爬虫状态【推荐】
2018/08/10 Python
Django中间件基础用法详解
2019/07/18 Python
python web框架 django wsgi原理解析
2019/08/20 Python
Django多个app urls配置代码实例
2020/11/26 Python
基于PyInstaller各参数的含义说明
2021/03/04 Python
澳大利亚便宜的家庭购物网站:CrazySales
2018/02/06 全球购物
Marlies Dekkers内衣荷兰官方网店:荷兰奢侈内衣品牌
2020/03/27 全球购物
解释DataSet(ds) 和 ds as DataSet 的含义
2014/07/27 面试题
门卫工作岗位职责
2013/12/17 职场文书
麦当劳辞职信范文
2014/01/18 职场文书
团队经理竞聘书
2014/03/31 职场文书
工作态度检讨书范文
2015/05/06 职场文书
CAD实训总结范文
2015/08/03 职场文书
大型强子对撞机再次重启探索“第五种自然力”
2022/04/29 数码科技