Thinkphp5两步实现QQ授权登录,赶紧收藏吧!

分享心得

现如今个人博客比较火热,在自己分享和别人交流的同时希望在用户能在自己的博客上留下写什么,比如留言评论之类的,就衍生出登录的功能,如果手机号码注册的话相信很多人都很反感,也不愿意注册,今天给大家分享一个QQ授权登录的功能,这个功能已经上线使用了。预览详细的功能请浏览器访问:共享屋素材或者 http://www.qianduanwang.vip/

效果预览

点击登录按钮,点击出发后就会弹出下方授权的界面

QQ授权界面

授权成功之后进到会员中心,读取你的QQ昵称和头像

代码实现教程

我使用的是Thinkphp5.1版本框架,首先你复制下面的代码到你项目的 composer.json 文件中,然后 composer update 。

代码语言:javascript
复制
"require": {
    "anerg2046/sns_auth": "^1.1",
    "anerg2046/helper": "^1.0.6.2"
},

然后建一个Qq.php的文件,然后引入命名空间

代码语言:javascript
复制
use anerg\OAuth2\OAuth;

然后在Qq.php文件中添加两个方法, index(),callback(),index()方法是激活QQ授权界面,callback() 方法是登录成功的回调。看下方截图

$config 的配置如下:

1、登录QQ互联:https://connect.qq.com 注册一个账号(要审核)

2、创建一个网站应用,提交资料审核通过后即可拿到app_id和app_secret

3、配置回调,具体情况看项目。如下

在回调方法中打印【$sns_info】就能看到授权成功后返回来的信息,如下:

两个方法就能实现QQ授权登录的功能了。下面是完整的代码。

代码语言:javascript
复制
<?php
namespace app\index\controller;
use think\Controller;
use anerg\OAuth2\OAuth;
class Qq extends Controller
{
    //激活QQ授权界面
    public function index() {
        $config = [
            'app_id'    => 'app_id',
            'app_secret' => 'app_secret',
            'scope'      => 'get_user_info',
            'callback'   => [
                'default' => '回调地址',
            ]
        ];
        $OAuth  = OAuth::getInstance($config, 'qq');
        return redirect($OAuth->getAuthorizeURL());
    }
    // 回调
    public function callback($channel='qq') {
        $config = [
            'app_id'    => 'app_id',
            'app_secret' => 'app_secret',
            'scope'      => 'get_user_info',
            'callback'   => [
                'default' => '回调地址',
            ]
        ];
        $OAuth    = OAuth::getInstance($config, $channel);
        $OAuth->getAccessToken();
        $sns_info = $OAuth->userinfo();
        if($sns_info){
            $this->ckuser($sns_info);
        } else{
            $this->error('授权登录失败', url('index/index/index'));
        }
    }
}

继续关注我,明天分享Thinkphp5如何实现微博授权登录功能