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 相关文章推荐
struts2+jquery+json实现异步加载数据(自写)
Jun 24 Javascript
JavaScript获取XML数据附示例截图
Mar 05 Javascript
jQuery的基本概念与高级编程
May 14 Javascript
js数组如何添加json数据及js数组与json的区别
Oct 27 Javascript
JavaScript动态创建form表单并提交的实现方法
Dec 10 Javascript
jquery+css3实现会动的小圆圈效果
Jan 27 Javascript
使用Bootstrap Tabs选项卡Ajax加载数据实现
Dec 23 Javascript
js手机号批量滚动抽奖实现代码
Apr 17 Javascript
使用vue构建一个上传图片表单
Jul 04 Javascript
详解Node.js利用node-git-server快速搭建git服务器
Sep 27 Javascript
微信小程序日历弹窗选择器代码实例
May 09 Javascript
Vue Render函数创建DOM节点代码实例
Jul 08 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中的加密功能
2006/10/09 PHP
关于session在PHP5的配置文件中的详细设置参数说明
2011/04/20 PHP
通过dbi使用perl连接mysql数据库的方法
2014/04/16 PHP
彻底删除thinkphp3.1案例blog标签的方法
2014/12/05 PHP
原生PHP实现导出csv格式Excel文件的方法示例【附源码下载】
2019/03/07 PHP
thinkPHP5框架实现多数据库连接,跨数据连接查询操作示例
2019/05/29 PHP
javascript innerHTML、outerHTML、innerText、outerText的区别
2008/11/24 Javascript
js window.onload 加载多个函数的方法
2009/11/02 Javascript
js 操作select相关方法函数
2009/12/06 Javascript
使用JavaScript 实现对象 匀速/变速运动的方法
2013/05/08 Javascript
前台js对象在后台转化java对象的问题探讨
2013/12/20 Javascript
nodejs实现的一个简单聊天室功能分享
2014/12/06 NodeJs
iframe中子父类窗口调用JS的方法及注意事项
2015/08/25 Javascript
JS实现的简洁纵向滑动菜单(滑动门)效果
2015/10/19 Javascript
Vue.js学习记录之在元素与template中使用v-if指令实例
2017/06/27 Javascript
基于node.js实现微信支付退款功能
2017/12/19 Javascript
js中split()方法得到的数组长度问题
2018/07/19 Javascript
浅谈layui 数据表格前后台传值的问题
2019/09/12 Javascript
vue+springboot图片上传和显示的示例代码
2020/02/14 Javascript
[43:57]Liquid vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python 字符串格式化代码
2013/03/17 Python
python海龟绘图实例教程
2014/07/24 Python
用Python编写生成树状结构的文件目录的脚本的教程
2015/05/04 Python
python+selenium实现QQ邮箱自动发送功能
2019/01/23 Python
python解析命令行参数的三种方法详解
2019/11/29 Python
python实现学生管理系统开发
2020/07/24 Python
Java中的异常处理机制的简单原理和应用
2013/04/27 面试题
四年级科学教学反思
2014/02/10 职场文书
入党申请自荐书范文
2014/02/11 职场文书
护理专业毕业生自我鉴定总结
2014/03/24 职场文书
会计求职自荐信
2015/03/26 职场文书
2015年留守儿童工作总结
2015/05/22 职场文书
《孙子兵法》:欲成大事者,需读懂这些致胜策略
2019/08/23 职场文书
浅谈Nginx 中的两种限流方式
2021/03/31 Servers
CentOS安装Nginx并部署vue
2022/04/12 Servers
Java Spring读取和存储详细操作
2022/08/05 Java/Android