兄弟们,今天我来给你们唠唠怎么用 QQ 登录。就是那个 ,你们懂的,就是很多网站上都有的那个蓝色企鹅图标,点一下就能用 QQ 号登录的那个玩意儿。
我是想在自己的小破站上也整一个这功能,省得用户还得费劲巴拉地注册账号,多方便!于是我就去网上搜教程,结果发现这玩意儿还挺麻烦,得去一个叫 QQ 互联的地方捣鼓半天。
我打开那个叫什么QQ互联的网站,注册一个账号登陆后发现里面可以创建应用,按照流程说明去填写信息。然后这不算完,还得点点头像进行一个实名认证,像填什么身份信息,上传照片,我心想这年头,想干点啥都得先把自己的老底交出去!然后我还验证邮箱,验证完就只能傻等,说是要审核。我等等,等差不多有两天,它才给我审核通过,真够磨人的。
审核通过后,我就回去接着创建应用,网站让我填一堆信息,又是应用名称,又是应用介绍,还得上传应用图标,我心想这应用还没个影,就得先给它整个门面。填完信息后,创建好应用总算是拿到一个叫 AppID 和一个叫 AppKey 的东西,我猜这俩玩意儿应该就是后面要用的钥匙。
我就照着网上的教程,拼凑一个长长的链接。这个链接看着就头疼:
- */oauth2.0/authorize?
- 后面跟上一大堆,什么response_type=code
- 还有client_id,这个就要填上刚才那个 AppID
- 然后是redirect_uri,这个得填你网站上一个用来接收返回信息的地址
- 还有state,说是用来防止别人搞破坏的
- 还有scope,这个是你要问 QQ 要啥权限,比如获取用户信息啥的
好不容易把这个链接拼我把它粘贴到浏览器地址栏里,回车!
浏览器果然跳转到 QQ 的登录页面,我用自己的 QQ 账号登录,然后点个授权,页面就跳回我刚才填的那个回调地址,并且在地址后面还跟一串东西,说是叫 code。我当时还纳闷,这 code 是后来才知道,原来还得拿着这个 code 去换一个叫 access_token 的东西,这才是真正能用来获取用户信息的通行证!
真是够绕的,搞半天才发现,这只是第一步,后面还得拿着那个 access_token 去调 QQ 的接口,才能拿到用户信息。这来来回回的,我感觉自己就像个皮球一样,被踢过来踢过去。
不过我终于还是把这个功能给搞定。用户可以直接用 QQ 登录我的小破站,再也不用费劲注册,我也算是松一口气。这一通折腾,真是累死我,不过也算是学到点东西。以后再遇到这种事,我应该能少走点弯路。
今天的分享就到这里,希望对你们有所帮助!