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 相关文章推荐
仅IE不支持setTimeout/setInterval函数的第三个以上参数
May 25 Javascript
JS解析json数据并将json字符串转化为数组的实现方法
Dec 25 Javascript
escape函数解决js中ajax传递中文出现乱码问题
Oct 30 Javascript
jQuery满屏焦点图左右滚动特效代码分享
Sep 07 Javascript
jQuery实现右下角可缩放大小的层完整实例
Jun 20 Javascript
支持移动端原生js轮播图
Feb 16 Javascript
Angular使用$http.jsonp发送跨站请求的方法
Mar 16 Javascript
JavaScript手风琴页面制作
May 17 Javascript
基于LayUI分页和LayUI laypage分页的使用示例
Aug 02 Javascript
vue绑定事件后获取绑定事件中的this方法
Sep 15 Javascript
Node 搭建一个静态资源服务器的实现
May 20 Javascript
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
Oct 29 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删除非空目录的函数代码小结
2013/02/28 PHP
护卫神php套件 php版本升级方法(php5.5.24)
2015/05/10 PHP
php微信公众号开发(2)百度BAE搭建和数据库使用
2016/12/15 PHP
浅析PHP中的 inet_pton 网络函数
2019/12/16 PHP
PHP设计模式入门之状态模式原理与实现方法分析
2020/04/26 PHP
用Javascript实现Sleep暂停功能代码
2010/09/03 Javascript
JavaScript高级程序设计 阅读笔记(十七) js事件
2012/08/14 Javascript
node.js中的fs.symlink方法使用说明
2014/12/15 Javascript
dedecms页面如何获取会员状态的实例代码
2016/03/15 Javascript
JS弹性运动实现方法分析
2016/12/15 Javascript
微信小程序实战之自定义toast(6)
2017/04/18 Javascript
详解vue-admin和后端(flask)分离结合的例子
2018/02/12 Javascript
基于jQuery.i18n实现web前端的国际化
2018/05/04 jQuery
js正则表达式校验指定字符串的方法
2018/07/23 Javascript
微信小程序人脸识别功能代码实例
2019/05/07 Javascript
原生javascript自定义input[type=radio]效果示例
2019/08/27 Javascript
js实现表格数据搜索
2020/08/09 Javascript
利用Python实现颜色色值转换的小工具
2016/10/27 Python
Python标准模块--ContextManager上下文管理器的具体用法
2017/11/27 Python
python使用生成器实现可迭代对象
2018/03/20 Python
python实现在pandas.DataFrame添加一行
2018/04/04 Python
VScode编写第一个Python程序HelloWorld步骤
2018/04/06 Python
Python实现定时精度可调节的定时器
2018/04/15 Python
Python单元测试简单示例
2018/07/03 Python
详解Python sys.argv使用方法
2019/05/10 Python
Python MySQL 日期时间格式化作为参数的操作
2020/03/02 Python
Python telnet登陆功能实现代码
2020/04/16 Python
如何真正的了解python装饰器
2020/08/14 Python
泰海淘:泰国king Power王权免税集团旗下跨境海淘综合型电商
2020/07/26 全球购物
东方红海科技面试题软件测试方面
2012/02/08 面试题
自我评价优秀范文分享
2013/11/30 职场文书
设备管理实施方案
2014/05/31 职场文书
2014年小学生教师节演讲稿范文
2014/09/10 职场文书
Nginx反向代理至go-fastdfs案例讲解
2021/08/02 Servers
SQL Server 忘记密码以及重新添加新账号
2022/04/26 SQL Server
VMware虚拟机安装 Windows Server 2022的详细图文教程
2022/09/23 Servers