网站怎么配置qq登录 (网站首页添加qq登录按钮)

首先你得有一个网站,然后你的域名得是已备案好的,这个是必须的条件。

自己搭建网站怎么接入qq登录,网页登录qq怎么设置登录验证

然后去申请qq互联的功能,网址是 https://connect.qq.com/ 通过后有专属的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://回调地址" 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>

自己搭建网站怎么接入qq登录,网页登录qq怎么设置登录验证

根据实际需求写代码,我是等等小明

来源于 8m8.top 有问题请留言讨论