继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

网站第三方接口接入——php接入QQ互联

四季花海
关注TA
已关注
手记 293
粉丝 42
获赞 161

如下图,网站需要接入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

填好信息后经过审核成功后查看自己创建的应用,就可以得到appidappkey

(以下为操作步骤截图)

填写基本信息


创建应用

创建网站应用


填写网站基本信息



步骤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

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP