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 继承实现方法
Aug 26 Javascript
用js小类库获取浏览器的高度和宽度信息
Jan 15 Javascript
jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误
Jan 11 Javascript
JavaScript自动设置IFrame高度的小例子
Jun 08 Javascript
jQuery的end()方法使用详解
Jul 15 Javascript
javascript获取网页宽高方法汇总
Jul 19 Javascript
jQuery Easyui实现左右布局
Jan 26 Javascript
通用无限极下拉菜单的实现代码
May 31 Javascript
Javascript获取图片原始宽度和高度的方法详解
Sep 20 Javascript
react-native 圆弧拖动进度条实现的示例代码
Apr 12 Javascript
微信小程序之滑动页面隐藏和显示组件功能的实现代码
Jun 19 Javascript
Vue项目打包编译优化方案
Sep 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
星际原理概述
2020/03/04 星际争霸
php 过滤危险html代码
2009/06/29 PHP
PHP关于IE下的iframe跨域导致session丢失问题解决方法
2013/10/10 PHP
PHP实现合并discuz用户
2015/08/05 PHP
PHP中功能强大却很少使用的函数实例小结
2016/11/10 PHP
DHTML 中的绝对定位
2006/11/26 Javascript
基于jquery的direction图片渐变动画效果
2010/05/24 Javascript
jquery对dom的操作常用方法整理
2013/06/25 Javascript
jQuery实现每隔几条元素增加1条线的方法
2016/06/27 Javascript
Bootstrap编写一个兼容主流浏览器的受众巨幕式风格页面
2016/07/01 Javascript
JavaScript数据类型学习笔记分享
2016/09/01 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
2017/06/22 Javascript
Vue2.0 vue-source jsonp 跨域请求
2017/08/04 Javascript
Vue 组件参数校验与非props特性的方法
2019/02/12 Javascript
使用webpack搭建vue项目实现脚手架功能
2019/03/15 Javascript
详解vue-cli3多环境打包配置
2019/03/28 Javascript
Vue组件化开发之通用型弹出框的实现
2020/02/28 Javascript
夯基础之手撕javascript继承详解
2020/11/09 Javascript
vue3+typeScript穿梭框的实现示例
2020/12/29 Vue.js
pytorch cnn 识别手写的字实现自建图片数据
2018/05/20 Python
Python Tkinter模块实现时钟功能应用示例
2018/07/23 Python
PyQt5+requests实现车票查询工具
2019/01/21 Python
Python 3 实现定义跨模块的全局变量和使用教程
2019/07/07 Python
简单了解python反射机制的一些知识
2019/07/13 Python
python 使用递归回溯完美解决八皇后的问题
2020/02/26 Python
django 模版关闭转义方式
2020/05/14 Python
numpy的Fancy Indexing和array比较详解
2020/06/11 Python
英国探险旅游专家:Explore
2018/12/20 全球购物
耐克奥地利官网:Nike奥地利
2019/08/16 全球购物
当一个对象被当作参数传递到一个方法后,此方法可改变这个对象的属性,并可返回变化后的结果,那么这里到底是值传递还是引用传递?
2014/09/09 面试题
说出数据连接池的工作机制是什么?
2013/04/19 面试题
C语言基础笔试题
2013/04/27 面试题
学习2014年全国两会心得体会
2014/03/12 职场文书
通信工程求职信
2014/07/16 职场文书
2014年服装销售工作总结
2014/11/27 职场文书
2016党员党章学习心得体会
2016/01/14 职场文书