如下图, 网站需要接入 QQ 登录, 怎么接入呢?
简书登录页面
步骤 0-- 登录 QQ 互联平台获取 appid 和 appkey
QQ 互联官网直达: https://connect.qq.com/
如果您是第一次使用 QQ 互联, 则需要填写开发者资料和网站信息并审核认证 , 如下图 1: 填写资料, 图 2: 注意上传的照片, 如果照片太大了, 使用 ps 进行处理, 压缩照片再上传.
1.1M 以内, JPG/PNG 格式的图片
2. 开发者手持身份证正面进行拍照, 要求五官可见, 证件信息清晰
分别点击:
登录 -> 应用管理 -> 创建应用 -> 创建网站应用 -> 填写网站信息
注意:
网站回调域: 填写回调地址. 在用户授权成功后, 会从 QQ 登录页面跳转回这里指定的回调地址.
如本人填写的信息为:
网站地址 : http://www.ncgds.cn
网站回调域 :http://www.ncgds.cn/ymx/qqlogin/oauth/callback.php
主办单位名称 : 新创网
网站备案号 : 赣 ICP 备 17006266 号 - 1
填好信息后经过审核成功后, 查看自己创建的应用, 就可以得到 appid 和 appkey
(以下为操作步骤截图)
填写基本信息
创建应用
创建网站应用
填写网站基本信息
步骤 1-- 下载 php SDK
进入 sdk 下载中心
链接: SDK 下载 --QQ 互联 http://wiki.connect.qq.com/sdk下载
下载 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 的使用, 实现自己想要的功能.
后记
本文是本人在简书发布的处女作, 难免有错误, 欢迎指正评论.
码字不易, 如果本文对您有帮助, 欢迎赞赏支持, 谢谢!
来源: http://www.jianshu.com/p/2ce1064b18d3