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 相关文章推荐
document.all还是document.getElementsByName?
Jul 21 Javascript
情人节之礼 js项链效果
Feb 13 Javascript
javascript工厂方式定义对象
Dec 26 Javascript
JavaScript实现文字与图片拖拽效果的方法
Feb 16 Javascript
javascript实现随时变化着的背景颜色
Apr 02 Javascript
js剪切板应用clipboardData实例解析
May 29 Javascript
仿百度换肤功能的简单实例代码
Jul 11 Javascript
详解AngularJS通过ocLazyLoad实现动态(懒)加载模块和依赖
Mar 01 Javascript
使用Math.max,Math.min获取数组中的最值实例
Apr 25 Javascript
node的process以及child_process模块学习笔记
Mar 06 Javascript
vue插件实现v-model功能
Sep 10 Javascript
vue-cli 关闭热更新操作
Sep 18 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
【动漫杂谈】关于《请在T台上微笑》
2020/03/03 日漫
php面向对象全攻略 (八)重载新的方法
2009/09/30 PHP
PHP include_path设置技巧分享
2011/07/03 PHP
php中ob_get_length缓冲与获取缓冲长度实例
2014/11/20 PHP
Paypal实现循环扣款(订阅)功能
2017/03/23 PHP
javascript 跨浏览器开发经验总结(五) js 事件
2010/05/19 Javascript
js 时间函数应用加、减、比较、格式转换的示例代码
2013/08/23 Javascript
JS获取当前日期时间并定时刷新示例
2021/03/04 Javascript
jQuery对val和atrr(&quot;value&quot;)赋值的区别介绍
2014/09/26 Javascript
js+css实现超简洁的二级下拉菜单效果代码
2015/09/07 Javascript
深入分析jsonp协议原理
2015/09/26 Javascript
基于javascript html5实现多文件上传
2016/03/03 Javascript
jQuery事件的绑定、触发、及监听方法简单说明
2016/05/10 Javascript
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
2016/07/07 Javascript
Bootstrap框架实现广告轮播效果
2016/11/28 Javascript
微信小程序之获取当前位置经纬度以及地图显示详解
2017/05/09 Javascript
原生JS实现手动轮播图效果实例代码
2018/11/22 Javascript
vue draggable resizable 实现可拖拽缩放的组件功能
2019/07/15 Javascript
Vue之beforeEach非登录不能访问的实现(代码亲测)
2019/07/18 Javascript
高性能js数组去重(12种方法,史上最全)
2019/12/21 Javascript
vue.js iview打包上线后字体图标不显示解决办法
2020/01/20 Javascript
node.js中process进程的概念和child_process子进程模块的使用方法示例
2020/02/11 Javascript
python 数据清洗之数据合并、转换、过滤、排序
2017/02/12 Python
详解tensorflow训练自己的数据集实现CNN图像分类
2018/02/07 Python
python 类的继承 实例方法.静态方法.类方法的代码解析
2019/08/23 Python
Python-openCV读RGB通道图实例
2020/01/17 Python
html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式
2012/12/07 HTML / CSS
新西兰最大的在线设计师眼镜店:SmartBuyGlasses新西兰
2017/10/20 全球购物
欧洲顶级的童装奢侈品购物网站:Bambini Fashion(面向全球)
2018/04/24 全球购物
小学数学国培感言
2014/03/10 职场文书
教师党员自我剖析材料
2014/09/29 职场文书
2014年化验室工作总结
2014/11/21 职场文书
2014年学校食堂工作总结
2014/11/25 职场文书
CSS中em的正确打开方式详解
2021/04/08 HTML / CSS
微信小程序基础教程之echart的使用
2021/06/01 Javascript
解决mysql问题:由于找不到MSVCR120.dll,无法继续执行代码
2021/06/26 MySQL