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 相关文章推荐
用roll.js实现的图片自动滚动+鼠标触动的特效
Mar 18 Javascript
javascript显示用户停留时间的简单实例
Aug 05 Javascript
JS常见问题整理(持续更新)
Aug 06 Javascript
SeaJS入门教程系列之SeaJS介绍(一)
Mar 03 Javascript
jquery实现在光标位置插入内容的方法
Feb 05 Javascript
JavaScript Math.round() 方法
Dec 18 Javascript
JS创建对象几种不同方法详解
Mar 01 Javascript
javascript中sort排序实例详解
Jul 24 Javascript
Bootstrap基本组件学习笔记之列表组(11)
Dec 07 Javascript
用jquery的attr方法实现图片切换效果
Feb 05 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
Apr 25 Javascript
解决vue scoped html样式无效的问题
Oct 24 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 n个不重复的随机数生成代码
2009/06/23 PHP
php结合表单实现一些简单功能的例子
2011/06/04 PHP
PHP判断是否有Get参数的方法
2014/05/05 PHP
PHP数组去重比较快的实现方式
2016/01/19 PHP
laravel框架使用极光推送消息操作示例
2020/02/15 PHP
javascript DOM编程实例(智播客学习)
2009/11/23 Javascript
基于node.js的快速开发透明代理
2010/12/25 Javascript
jQuery拖动布局其结果保存到数据库
2015/10/09 Javascript
Javascript iframe交互并兼容各种浏览器的解决方法
2016/07/12 Javascript
JS实现DIV高度自适应窗口示例
2017/02/16 Javascript
JS FormData上传文件的设置方法
2017/07/05 Javascript
基于Vue实现页面切换左右滑动效果
2020/06/29 Javascript
小程序实现短信登录倒计时
2019/07/12 Javascript
Vue的编码技巧与规范使用详解
2019/08/28 Javascript
JS实现随机抽取三人
2019/11/06 Javascript
antd配置config-overrides.js文件的操作
2020/10/31 Javascript
[35:26]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第三局
2016/02/26 DOTA
python实现通过pil模块对图片格式进行转换的方法
2015/03/24 Python
解决python3爬虫无法显示中文的问题
2018/04/12 Python
解决python 3 urllib 没有 urlencode 属性的问题
2019/08/22 Python
Python 类的魔法属性用法实例分析
2019/11/21 Python
numpy库ndarray多维数组的维度变换方法(reshape、resize、swapaxes、flatten)
2020/04/28 Python
python 实现关联规则算法Apriori的示例
2020/09/30 Python
python中uuid模块实例浅析
2020/12/29 Python
美国百货齐全的精品网站,提供美式风格的产品:Overstock.com
2016/07/22 全球购物
法雷奥SQA(electric)面试问题
2016/01/23 面试题
医学生自我鉴定范文
2013/11/08 职场文书
幼儿园秋游活动方案
2014/01/21 职场文书
小学国庆节活动方案
2014/02/11 职场文书
爱祖国演讲稿
2014/05/04 职场文书
单位授权委托书范文
2014/08/02 职场文书
年度优秀员工获奖感言
2014/08/15 职场文书
党的群众路线剖析材料
2014/10/09 职场文书
新郎新娘答谢词
2015/01/04 职场文书
党员志愿者服务倡议书
2015/04/29 职场文书
教你怎么用Python监控愉客行车程
2021/04/29 Python