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类和继承 this属性使用说明
Sep 03 Javascript
原生js实现给指定元素的后面追加内容
Apr 10 Javascript
javascript教程:关于if简写语句优化的方法
May 17 Javascript
新手快速学习JavaScript免费教程资源汇总
Jun 25 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
Dec 04 Javascript
如何处理JSON中的特殊字符
Nov 30 Javascript
Vue.js组件tree实现无限级树形菜单
Dec 02 Javascript
图片懒加载imgLazyLoading.js使用详解
Sep 15 Javascript
Vue-不允许嵌套式的渲染方法
Sep 13 Javascript
vue自定义js图片碎片轮播图切换效果的实现代码
Apr 28 Javascript
了解Javascript中函数作为对象的魅力
Jun 19 Javascript
electron踩坑之dialog中的callback解决
Oct 06 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依赖注入和控制反转
2016/05/11 PHP
Linux下源码包安装Swoole及基本使用操作图文详解
2019/04/02 PHP
自定义百度分享的分享按钮
2015/03/18 Javascript
js仿QQ中对联系人向左滑动、滑出删除按钮的操作
2016/04/07 Javascript
你知道setTimeout是如何运行的吗?
2016/08/16 Javascript
vuejs2.0子组件改变父组件的数据实例
2017/05/10 Javascript
js使用highlight.js高亮你的代码
2017/08/18 Javascript
老生常谈javascript的面向对象思想
2017/08/22 Javascript
vue中的ref和$refs的使用
2018/11/22 Javascript
Vue实现点击按钮复制文本内容的例子
2019/11/09 Javascript
详解Nuxt.js 实战集锦
2019/11/19 Javascript
通过javascript实现扫雷游戏代码实例
2020/02/09 Javascript
JS代码简洁方式之函数方法详解
2020/07/28 Javascript
python的三目运算符和not in运算符使用示例
2014/03/03 Python
Python中用memcached来减少数据库查询次数的教程
2015/04/07 Python
Python获取系统默认字符编码的方法
2015/06/04 Python
常用python编程模板汇总
2016/02/12 Python
简单讲解Python中的字符串与字符串的输入输出
2016/03/13 Python
python正则表达式的使用
2017/06/12 Python
浅谈python 线程池threadpool之实现
2017/11/17 Python
pycharm 将python文件打包为exe格式的方法
2019/01/16 Python
python实现公司年会抽奖程序
2019/01/22 Python
python+mysql实现教务管理系统
2019/02/20 Python
python粘包问题及socket套接字编程详解
2019/06/29 Python
三步解决python PermissionError: [WinError 5]拒绝访问的情况
2020/04/22 Python
教师评优的个人自我评价分享
2013/09/19 职场文书
运动会广播稿500字
2014/01/28 职场文书
2014年庆元旦活动方案
2014/02/15 职场文书
2014年城管个人工作总结
2014/12/08 职场文书
2014年居委会工作总结
2014/12/09 职场文书
小班上学期个人总结
2015/02/12 职场文书
财务工作个人总结
2015/02/27 职场文书
家装电话营销开场白
2015/05/29 职场文书
2016年优秀共青团员事迹材料
2016/02/25 职场文书
MYSQL主从数据库同步备份配置的方法
2021/05/26 MySQL
利用Matlab绘制各类特殊图形的实例代码
2021/07/16 Python