一、前期准备工作

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

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

image.png

二、开始开发

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

image.png

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

image.png

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

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

image.png

image.png

image.png

2、修改Oauth.php代码

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

public $urlUtils;
public $state;
public $appid = "************";
public $appkey = "***********************";
public $callback = "https://www.htmlbk.com/api/Qqlogin/callback";
public $scope = "get_user_info";

image.png

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;

具体代码如下:

image.png

image.png

image.png

image.png

image.png

  1. image.png

3、修改QC.php代码

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

image.png

image.png

image.png

image.png

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

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

image.png

源码:

<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()函数在登录页面时定义的

image.png

THE END

本站部分文章搜集整理于互联网或者网友提供,如有侵权请联系站长

如若转载,请注明出处:https://www.htmlbk.com/php/1178.html

温馨提示:该文档最后一次修改时间为2022-09-12 14:19:51,请注意相关的内容是否还可用!

TAG标签:thinkphpQQ登录