thinkphp5.0 QQ第三方登录详解

时间:2023-03-09 15:36:46
thinkphp5.0 QQ第三方登录详解

一、前期准备工作

  到QQ互联官网进行开发资质认证,并创建网站应用。获取到appid和appkey后,下载demo文件。

  demo文件下载方式:QQ互联》文档资料》SDK及资源下载》php SDK

thinkphp5.0 QQ第三方登录详解

二、开始开发

将下载的demo文件解压,并将文件夹中API>class目录下的Oauth.class.php,QCclass.php,URL.class.php,三个文件拷贝到tp框架的extend目录下(建议在extend目录下新建一个lib目录,lib目录中创建一个QQ文件夹存放这三个文件)

thinkphp5.0 QQ第三方登录详解

复制到extend目录下时,需要去掉.class后缀

thinkphp5.0 QQ第三方登录详解

三、改造复制过来的这三个函数

1、为三个函数建立命名空间,并将类文件引入方式改为tp的方式

thinkphp5.0 QQ第三方登录详解thinkphp5.0 QQ第三方登录详解thinkphp5.0 QQ第三方登录详解

2、修改Oauth.php代码

1)注释掉$recorder和$error变量,加入五个新变量,如下:

public $urlUtils;
public $state;
public $appid = "101878578";
public $appkey = "e67787f841203cf45f87f73b68994cb5";
public $callback = "http://www.cordiking.cn/api/Qqlogin/callback";
public $scope = "get_user_info";

thinkphp5.0 QQ第三方登录详解

 2)$this->recorder->readInc部分直接注释掉

3)$this->recorder->write部分替换为session写操作
 4)$this->recorder->read部分替换为session读操作
 5)$this->error部分替换为exit()
 6)header("Location:$login_url")替换为return $login_url;
具体代码如下:
thinkphp5.0 QQ第三方登录详解

thinkphp5.0 QQ第三方登录详解

thinkphp5.0 QQ第三方登录详解

thinkphp5.0 QQ第三方登录详解

thinkphp5.0 QQ第三方登录详解

thinkphp5.0 QQ第三方登录详解

3、修改QC.php代码

修改方法同上,具体代码如下:

thinkphp5.0 QQ第三方登录详解

thinkphp5.0 QQ第三方登录详解

thinkphp5.0 QQ第三方登录详解

thinkphp5.0 QQ第三方登录详解

4、修改URL.php代码(修改方法同上,不再赘述。)

5、在登录页面的html文件中引入QQ图标,并添加点击事件,具体代码如下

thinkphp5.0 QQ第三方登录详解

源码:

<script type="text/javascript">
var qqWindow;
function toQzoneLogin()
{
// qqWindow = window.location.href = "{:url('@qq/login')}";
qqWindow = window.open("{:url('@qq/login')}","TencentLogin","width=450,height=320,menubar=0,scrollbars=1, resizable=1,status=1,titlebar=0,toolbar=0,location=1");
} function closeqqWindow()
{
qqWindow.close();
window.location.reload()
}
</script> <a href="#" onclick='toQzoneLogin()'><img src="__STATIC__index/images/qq_login.png"></a>

6、书写回调地址方法
我的回调地址方法为:callback,点击图标后跳转的方法为:login,两个方法均在Login类中
1)login方法(点击QQ图标后跳转的方法)
首先在Login类中引入QC类,并实例化,然后调用QC类的qq_login方法。注意:在修改Oauth.php文件(QC继承了Oauth)时,我们注释了这句代码:header("Location::$login_url"),所以需要在login方法中手动跳转
 
public function login()
{
$qc = new Qc();
$url = $qc->qq_login();
$this->redirect($url); //重定向
}

 2)callback方法(应用配置的回调域)

public function callback(){
$login = new Login();
$qc = new Qc();
$qc->qq_callback(); //回调
$qc->get_openid(); //回去openid
$qc = new Qc(); //再次实例化QC方法,才能获取到完整的用户参数
$datas = $qc->get_user_info(); //获取用户数据保存到$datas中,该数据不包含openid
$datas['openId'] = session('openid'); //将用户的openid加入到$datas数组中
}
}

 至此,QQ第三方登录变实现。需要注意的是,login方法是QQ图标点击后跳转的方法,callback是QQ互联官网应用的回调地址。

登录成功后,打开的登录窗口不会关闭,需要在callback方法最后加入如下语句才会关闭,或者采用点击后不打开新的窗口的方式。

echo "<script>window.opener.closeqqWindow()</script>";

  closeqqWindo()函数在登录页面时定义的

thinkphp5.0 QQ第三方登录详解

需要源码,可以联系作者哦!