thinkphp5.0 QQ第三方登录详解

一、前期准备工作

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

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

 

 

二、开始开发

 

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

 

 

 

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

 

 

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

 

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

 

 

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";

 

 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;
具体代码如下:

 


 

 

 

 

 

 

 

 

 3、修改QC.php代码

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

 

 

 

 

 

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

5、在登录页面的html文件中引入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()函数在登录页面时定义的

 

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

 



 

posted @ 2020-05-23 14:51  Ivan6  阅读(543)  评论(0)    收藏  举报