QQ互联的注意事项

业务逻辑

最近试了一下用QQ登陆联系原有的账户体系，由于用了LeanCloud提供的后台服务，我只用关心QQ互联的部分。

首先，它的业务逻辑是：你先设置一个按钮，要跳转到QQ登陆页面，登陆完成后跳转到回调页面。回调页面即可以是用户主页也可以是一个中间页面用于跳转。

在PC上，曾经常见的模式是弹出QQ登陆小窗，登陆后原页面收到登陆成功的回调更新登陆状态。

但以上的方式如果在移动端使用，由于没有回调地址，唤起QQ登陆后无法跳转到用户界面，并且原页面也不会收到回调。

所以现在有一个模式，就是点击QQ登陆后原页面直接跳转到QQ登陆页面，登陆成功后回调地址收到accessToken与openId，之后再处理业务逻辑。

OAuth 2.0

现在你可以用他们的API来实现以上功能，比如QQ互联提供了QQ登陆地址的格式，通过Authorization获取AccessToken，通过AccessToken获取openId的接口，以及getUserInfo等api的接口。但我尝试后发现这些api没有设置跨域头，如果直接在前端获取会被浏览器拦截，因此我选择用他们的PHP SDK。

PHP SDK

SDK使用虽然很方便，但还是没有设置跨域头，你需要在页面输出前设置Access-Allow-Control-Origin。还没完，PHP SDK使用了session，不能像官方的获取用户信息的api一样直接请求，你还需要设置Access-Alllow-Control-Credentials，在前端请求时如果用AXIOS，也要加上withCredentials的配置。

由于我习惯把不涉及安全业务逻辑放到前端，所以我在callback.php里将AccessToken与OpenId传给前端的Login组件，由前端请求后判断是否是新用户等等。（也由于使用了LeanCloud，php并不能直接查数据库，所以干脆放在前端）

JS SDK

QQ互联我花了不少时间，主要是理解它的业务逻辑，还有跨域的问题。我开始用的是JS SDK，但似乎它已年久失修（12年更新过），而且它要求用script标签引入，我在前端还要检查SDK对象是否已加载完成，让我的代码很混乱，加上还是要后端协助解决跨域，所以还是不用了。

PHP&CURL 小插曲

其实还有一个小插曲，PHP SDK需要curl，但我安装的php 7.3 似乎并编译不上，而且php7.2-curl都是有的，但php7.3-curl还没有。。。只好换成7.2。