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 相关文章推荐
autoIMG 基于jquery的图片自适应插件代码
Mar 12 Javascript
JavaScript通过正则表达式实现表单验证电话号码
Mar 07 Javascript
javascript排序函数实现数字排序
Jun 26 Javascript
关于function类中定义变量this的简单说明
May 28 Javascript
微信小程序图片宽100%显示并且不变形
Jun 21 Javascript
详解webpack介绍&amp;安装&amp;常用命令
Jun 29 Javascript
BackBone及其实例探究_动力节点Java学院整理
Jul 14 Javascript
把vue-router和express项目部署到服务器的方法
Feb 21 Javascript
浅谈JS对象添加getter与setter的5种方法
Jun 09 Javascript
VUE项目初建和常见问题总结
Sep 12 Javascript
vue+elementUI中表格高亮或字体颜色改变操作
Nov 02 Javascript
jQuery列表动态增加和删除的实现方法
Nov 05 jQuery
正则表达式语法
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
dedecms 制作模板中使用的全局标记图文教程
2007/03/11 PHP
ThinkPHP写第一个模块应用
2012/02/20 PHP
可以文本显示的公告栏的js代码
2007/03/11 Javascript
JavaScript 继承详解(三)
2009/07/13 Javascript
jquery对象和DOM对象的区别介绍
2013/08/09 Javascript
JSON传递bool类型数据的处理方式介绍
2013/09/18 Javascript
推荐9款炫酷的基于jquery的页面特效
2014/12/07 Javascript
js简单实现Select互换数据的方法
2015/08/17 Javascript
简单讲解jQuery中的子元素过滤选择器
2016/04/18 Javascript
JavaScript关于提高网站性能的几点建议(一)
2016/07/24 Javascript
Javascript动画效果(4)
2016/10/11 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
2017/01/13 Javascript
JQuery validate 验证一个单独的表单元素实例
2017/02/17 Javascript
vue中倒计时组件的实例代码
2018/07/06 Javascript
Vue 实现列表动态添加和删除的两种方法小结
2018/09/07 Javascript
怎样使你的 JavaScript 代码简单易读(推荐)
2019/04/16 Javascript
使用React代码动态生成栅格布局的方法
2020/05/24 Javascript
Vue绑定用户接口实现代码示例
2020/11/04 Javascript
python正则匹配抓取豆瓣电影链接和评论代码分享
2013/12/27 Python
Python实现的FTP通信客户端与服务器端功能示例
2018/03/28 Python
详解Python学习之安装pandas
2019/04/16 Python
Python Django框架单元测试之文件上传测试示例
2019/05/17 Python
使用python list 查找所有匹配元素的位置实例
2019/06/11 Python
Django模板导入母版继承和自定义返回Html片段过程解析
2019/09/18 Python
GAP美国官网:美国休闲时尚品牌
2016/08/26 全球购物
戴尔新西兰官网:Dell New Zealand
2020/01/07 全球购物
TCP/IP的分层模型
2013/10/27 面试题
新闻学毕业生自荐信
2013/11/15 职场文书
怎样拟定创业计划书
2014/05/01 职场文书
小学生感恩父母演讲稿
2014/08/28 职场文书
元旦标语大全
2014/10/09 职场文书
学校政风行风自查自纠报告
2014/10/21 职场文书
师德先进个人事迹材料
2014/12/19 职场文书
幼儿园教师辞职信
2019/06/21 职场文书
go语言中http超时引发的事故解决
2021/06/02 Golang
Java中PriorityQueue实现最小堆和最大堆的用法
2021/06/27 Java/Android