如何修改qq登录方式（网站上增加QQ登录功能简单教程）

大能耐 2022-12-19 11:43:39

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

如何修改qq登录方式（网站上增加QQ登录功能简单教程）(1)

然后去申请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="http://img.studyofnet.com__PUBLIC__/index/layui/layui.js" type="text/javascript"></script> <script type="text/javascript" src="http://img.studyofnet.comhttp://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登录功能简单教程）(2)