如下图,网站需要接入QQ登录,怎么接入呢?
简书登录页面
步骤0——登录QQ互联平台获取appid和appkey
QQ互联官网直达:https://connect.qq.com/
如果您是第一次使用QQ互联,则需要填写开发者资料和网站信息并审核认证 ,如下图1:填写资料,图2:注意上传的照片,如果照片太大了,使用ps进行处理,压缩照片再上传。
1.1M以内,JPG/PNG格式的图片
2.开发者手持身份证正面进行拍照,要求五官可见,证件信息清晰
分别点击:
登录 ->应用管理->创建应用->创建网站应用->填写网站信息
注意:
网站回调域: 填写回调地址。在用户授权成功后,会从QQ登录页面跳转回这里指定的回调地址。
如本人填写的信息为:
网站地址 :www.ncgds.cn
网站回调域 :http://www.ncgds.cn/ymx/qqlogin/oauth/callback.php
主办单位名称 :新创网
网站备案号 :赣ICP备17006266号-1
填好信息后经过审核成功后,查看自己创建的应用,就可以得到appid和appkey
(以下为操作步骤截图)
填写基本信息
创建应用
创建网站应用
填写网站基本信息
步骤1——下载php SDK
进入sdk下载中心
链接:SDK下载--QQ互联
下载PHP SDK
下载php_sdk_v2.2
步骤2——本地服务器配置好PHP_SDK
php_sdk解压后
解压sdk放到自己本地web服务器上,如本人的服务器根目录为www,现在访问
http://localhost/Connect2.1/
点击设置配置项
进入了install配置页
填写步骤0获取的appid 和appkey,并填写callback(网站回调域,与步骤0填写的回调域一致)
当然也可以手动配置,如下图3
为了便于网站的访问和使用,在服务器上可以新建一个文件夹名为qqlogin,将API整个文件夹移动到qqlogin目录下,并将php_sdk中的example目录下的oauth整个目录移动到qqlogin下
现在的目录会有如下结构:
目录结构
经过这样的目录方式更改,我们要更改相应的php代码
先看原来的php文件
oauth目录下的index.php(作用:唤起QQ登录)
原来的index.php
修改为:
修改后的index.php
oauth目录下的callback.php(作用:登录成功后的回调页面,通常加入重定向代码)
原来的callback.php
修改为:
修改后的callback.php
到此我们已经在本地配置好了,下一步请看步骤3
图1:访问Connect2.1
图2:设置配置项
图3:手动配置appid,appkey,callback等信息
步骤3——上传到自己的云服务器并测试QQ接口
将上一步骤的新建的文件夹qqlogin上传到自己的服务器,注意上传的callback.php要和步骤0填写的回调地址保持一致。
如:
回调域地址为:http://www.ncgds.cn/ymx/qqlogin/qqtest/oauth/callback.php
那么我们访问:www.ncgds.cn/ymx/qqlogin/qqtest/oauth
出现如下页面:
唤起了QQ登录页面
点击自己的QQ头像后,跳转到了
http://www.ncgds.cn/ymx/qqlogin/qqtest/oauth/callback.php?code=BC64F7832F244794BB6BF791224D2724&state=d596e425710bbe983a6d8e722fbebefa
成功跳转到回调地址
如果成功跳转就说明接入成功了
通过查看php_sdk的example实例继续了解其他api的使用,实现自己想要的功能。
后记
本文是本人在简书发布的处女作,难免有错误,欢迎指正评论。
码字不易,如果本文对您有帮助,欢迎赞赏支持,谢谢!
作者:EasyDot
链接:https://www.jianshu.com/p/2ce1064b18d3