14 10 2020
摘要

最近个人博客项目准备使用QQ第三方登录,需要使用QQ第三方登录的话需要申请QQ互联认证,通过才能创建应用,这里不得不吐槽下QQ互联了,审核机制不友好,网站体验非常差,正好最近看到很多人在群里问相关的问题,再此记录几个坑,希望看到文章的朋友可以少踩几个坑,使申请更加顺利。

第一步:注册成为开发者

1.打开QQ互联官网

undefined



2.QQ登录后,单击你登录的头像进行开发者资料审核填写。第一个坑就在这里,很多人登录后都不知道在哪儿注册,切记点击你的QQ头像。

undefined


3.根据你个人情况,进行资料填写即可。个人开发者就选择个人。

undefined

(1)图中的姓名指的是网站开发者的本人姓名,而非网站名字。

(2)其他几项照常填写即可。

(3)第二个坑就是手持身份证照片了。注意的地方有两点:

1.务必能看清你的五官,请找个像素高点的,在光线充足的地方拍。

2.一定记得是用手机后摄像头拍摄,前摄拍出来的照片是反着的。身份证信息要能看得清。

3.照片大小在3M以内

当时我没注意,就用的前置摄像拍的,第一次就没通过。


4.最后再进行提交即可。如果提交后仍然显示未提交,刷新下网页即可,这网站加载贼慢。

5.如果已经申请并且被驳回的,请仔细看看回复的邮件信息,查看下未通过的原因,点击链接进去检查下信息是否正确。

最后,审核时间的话,一般来说还是很快的,我审核了三次,第一次和第二次都是在半小时内就审核完了。最后一次是大概因为国庆假期,我也没空去看通过没有,结果我假期结束我去看,八天都没动静。最后通过QQ互联底部的在线人工才给我处理了,几分钟就完事了。所以你在审核的时候,如果超过一天没审核,你就可以通过底部在线人工给你处理。

undefined


第二步:应用注册

当我们成功注册成为开发者后,就可以进行应用注册,从而审核通过后,就可以调用QQ的接口了。

1.点击头部 应用管理 进行资料填写。是网站应用就选网站应用,移动应用则选移动应用。

undefined

2.填写资料。

undefined

网站类别,这个看你情况而定,如果实在不知道的话,就都选其他就行了。我就是全选的其他,这个应该无伤大雅。

踩坑点:

(1)网站名称,切记一定要与你域名备案的名称一致。

(2)网站简介,稍微认真点写吧,实在不行,度娘可以教你做事。


3.创建之后,填写域名以及回调地址等信息。

undefined

踩坑点:

(1)网站地址,就填写你域名即可。申请SSL证书,有https就写https。

(2)回调地址,这个是重点,很多人都不知道回调地址怎么写。这个所谓的回调地址其实就是你在获取到用户QQ信息后,他返回来的数据处理逻辑。也就是你的回调逻辑层。填写点注意:1.一定是在你的主域名下,不要乱写。比如你的域名是www.4399.com,那你的回调地址肯定是在此一级域名之下。比如:www.4399.com/qqcalback,而这个qqcalback就是你处理QQ返回给你信息的逻辑层,在MVC里就是控制器层。

(3)提供方就是你本人姓名。

(4)备案号不用多说,照常填写就是了。图标也是一样,条件都写在那儿了。


最后,到这里理论来说,完成的差不多了,C#接入QQ互联Demo,有人感兴趣的话后续我会再放出来,这里只是踩坑。

最后一步:首页放置QQ登录按钮

其实这一步应该放到上面讲。在你提交之前就应该在页面放置QQ登录按钮,不然审核是不会通过的。以我个人网站举例,首页必须放置QQ登录按钮,其次,按钮单击后,一定要跳转到授权页面,即使没有审核通过也要有反应,哪怕是错误的页面,例如下图即可,否则也不会通过审核:

undefined

我个人网站头部QQ按钮放置效果:

                         undefined

最后通过审核后,就可以通过API文档进行开发登录授权了。审核时间我的话大概是一天的样子。通过审核后,就可以看到下图所示:

undefined

结尾

我在说一个我在其中遇到的问题:由于我是第一次接QQ互联,所以踩了不少坑,到了最后呢我审核通过后,回调地址这些都填好后,开始写逻辑。后续回调逻辑写好了,我在本地调试我才发现,授权登录按钮逻辑打断点是可以命中的,也能成功弹出QQ授权登录的界面。但是回调层逻辑断点死活命中不了,而且QQ授权弹出后,不会返回我的网站界面,且页面报错提示我State丢失。我第一时间就检查是不是逻辑哪儿写错了,结果也没发现哪儿有错。最后才发现是因为我写QQ互联之前,已经将网站发布到了服务器,也就是说外网是能访问的,只不过没法QQ登录。而我本地调试,QQ登录后跳转到了外网也就是服务器上的回调地址,并非本地资源下的回调地址。所以我的断点命中不了,也提示我报错。因为我本地逻辑回调地址下的逻辑是与服务器上有所不同的,好家伙,这一波下饭操作搞的属实难受。

延伸阅读
  1. 微信小程序个人简历开源项目
  2. QQ互联对接踩坑
发表评论