智睿享
白蓝主题五 · 清爽阅读
首页  > 软件指南

QQ登录怎么用?手把手教你快速接入

现在好多软件和网站都支持QQ登录,点一下头像,秒进账号,不用记密码,方便得很。比如你下载了个新游戏,刚打开就看到那个熟悉的企鹅图标,旁边写着‘QQ登录’,一点就进去了,连注册都省了。

为啥大家都爱用QQ登录

想想看,你手机里多少App要账号密码?邮箱注册太麻烦,手机号又怕泄露,QQ就不一样了。几乎人人都有QQ号,好友列表、空间、群都在那儿,拿来当身份凭证,既安全又顺手。而且QQ的安全机制挺到位,登录时还能用手机验证码、指纹验证,不怕被盗。

怎么在自己的网站上接入QQ登录

如果你是个开发者,想给网站加个QQ快捷登录功能,得先去腾讯开放平台申请一个App ID和App Key。拿到之后,在页面里嵌入他们的JS SDK就行。

比如这段代码:

<script type="text/javascript" src="https://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" charset="utf-8"></script>

然后在需要显示登录按钮的地方加上:

<div id="qqLoginBtn"></div>
<script>
QC.Login({
  btnId: "qqLoginBtn"
}, function(reqData){
  alert("你好," + reqData.nickname + "!");
});
</script>

保存刷新,页面上就会出现一个蓝色的QQ登录按钮。用户点击后会跳转授权,成功后就能拿到昵称、头像这些基本信息。

遇到问题别慌

有时候点了QQ登录没反应,大概率是浏览器挡了弹窗。把拦截关掉,或者换Chrome试试。还有一种情况是提示“该应用未注册”,那说明你本地调试时域名没加到腾讯后台的白名单里,上线前记得配好。

另外提醒一句,用户授权后,别乱存人家的信息。只拿必要的数据,尊重隐私,才能让人放心用你的服务。

现在很多年轻人已经不怎么聊QQ了,但一到要登录的时候,还是习惯性地点那个小企鹅。这说明啥?不是情怀,是真方便。