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 相关文章推荐
js 操作css实现代码
Jun 11 Javascript
js本身的局限性 别让javascript做太多事
Mar 23 Javascript
js下获取div中的数据的原理分析
Apr 07 Javascript
关于JavaScript中var声明变量作用域的推断
Dec 16 Javascript
JS函数修改html的元素内容,及修改属性内容的方法
Oct 28 Javascript
Flask中获取小程序Request数据的两种方法
May 12 Javascript
Vue使用mixins实现压缩图片代码
Mar 14 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
Apr 28 Javascript
详解基于node.js的脚手架工具开发经历
Jan 28 Javascript
javascript中undefined的本质解析
Jul 31 Javascript
微信小程序 拍照或从相册选取图片上传代码实例
Aug 28 Javascript
在Vue中获取自定义属性方法:data-id的实例
Sep 09 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安装xdebug/php安装pear/phpunit详解步骤(图)
2013/12/22 PHP
在PHP中运行Linux命令并启动SSH服务的例子
2014/06/12 PHP
php中print(),print_r(),echo()的区别详解
2014/12/01 PHP
php根据日期或时间戳获取星座信息和生肖等信息
2015/10/20 PHP
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
2009/11/24 Javascript
解决Jquery load()加载GB2312页面时出现乱码的两种方案
2013/09/10 Javascript
javascript date格式化示例
2013/09/25 Javascript
js禁止页面使用右键(简单示例代码)
2013/11/13 Javascript
jquery实现html页面 div 假分页有原理有代码
2014/09/06 Javascript
node.js中的console.dir方法使用说明
2014/12/10 Javascript
js中利用tagname和id获取元素的方法
2016/01/03 Javascript
原生js实现手风琴功能(支持横纵向调用)
2017/01/13 Javascript
vue内置指令详解
2018/04/03 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
2018/11/30 Javascript
小程序指纹验证的实现代码
2018/12/04 Javascript
React中this丢失的四种解决方法
2019/03/12 Javascript
vue中nextTick用法实例
2019/09/11 Javascript
javascript实现异形滚动轮播
2019/11/28 Javascript
koa2 数据api中间件设计模型的实现方法
2020/07/13 Javascript
解决vue项目中某一页面不想引用公共组件app.vue的问题
2020/08/14 Javascript
vue3.0 项目搭建和使用流程
2021/03/04 Vue.js
[51:30]OG vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.26
2018/08/30 DOTA
python实时获取外部程序输出结果的方法
2019/01/12 Python
PyQt5 在label显示的图片中绘制矩形的方法
2019/06/17 Python
详解Python list和numpy array的存储和读取方法
2019/11/06 Python
sklearn-SVC实现与类参数详解
2019/12/10 Python
python TCP包注入方式
2020/05/05 Python
pandas数据处理之绘图的实现
2020/06/15 Python
CSS3 3D制作实战案例分析
2016/09/18 HTML / CSS
美国在线面料商店:Fashion Fabrics Club
2020/01/31 全球购物
医院营销工作计划
2015/01/16 职场文书
导游词之山西关帝庙
2019/11/01 职场文书
秀!学妹看见都惊呆的Python小招数!【详细语言特性使用技巧】
2021/04/27 Python
postgresql 删除重复数据案例详解
2021/08/02 PostgreSQL
Android开发手册Chip监听及ChipGroup监听
2022/06/10 Java/Android
Android学习之BottomSheetDialog组件的使用
2022/06/21 Java/Android