接入第三方登录之Github | 祭夜博客
  • 欢迎光临,这个博客颜色有点多

接入第三方登录之Github

Wordpress msojocs 7年前 (2017-08-30) 2744次浏览 已收录 0个评论 扫描二维码
文章目录[隐藏]

登录流程

接入第三方登录之Github
上图就是基本的登录流程了。

GitHub设置

 

填写应用信息

1.首先登录你的GitHub,然后点击进入Settings;
接入第三方登录之Github
2.选择OAuth Apps
接入第三方登录之Github
3.注册应用信息
接入第三方登录之Github
4.填写应用信息
接入第三方登录之Github
这里主要是Authorization callback URL的填写;
这个应用回调地址就是上面登录流程授权之后返回的redirect_uri。
获取Client_idClient_secret

上面填写应用信息中,其实就可以看见着连个了。
接入第三方登录之Github

上面的1 users说明目前有1个GitHub账号登录应用。
上面的GitHub设置的官方文档-Registering OAuth Apps

看文档

在代码实现之前还是先看看文档。
About authorization options for OAuth Apps
其实文档里面已经清晰的说明了授权登录的主要3个步骤:
1.web端重定向http://github.com/login/oauth/authorize
2.根据code获取access_token;
3.根据access_token获取用户信息;
这里的第2步和第3步,建议在后端实现,为什么在后端实现了,因为第2不接口里面需要Client_secret这个参数。

代码实现

效果见本站

// +----------------------------------------------------------------------
// | Copyright (c) 2017.
// +----------------------------------------------------------------------
// | Author: 祭夜 <me@jysafe.cn>
// +----------------------------------------------------------------------
/**
 *  Github第三方登录认证
 */
class Ghconnect {
    private static $data;
    //APP ID
    private $app_id="";
    //APP KEY
    private $app_key="";
    //回调地址
    private $callBackUrl="";
    //Authorization Code
    private $code="";
    //access Token
    private $accessToken="";
    //role
    private $role="";

    public function __construct(){
        $this->app_id = '***********';//Client ID
        $this->app_key = '************';//Client Secret
        $this->callBackUrl = '************';
        $this->code=$_GET['code'];
        //检查用户数据
        if(empty($_SESSION['QC_userData'])){
            self::$data = array();
        }else{
            self::$data = $_SESSION['QC_userData'];
        }
    }


    //获取Code
    public function getAuthCode(){
        $url="https://github.com/login/oauth/authorize";
        //$param['response_type']="code";
        $param['client_id']=$this->app_id;
        $param['redirect_uri']=$this->callBackUrl;
        //-------生成唯一随机串防CSRF攻击
                $state = md5(uniqid(rand(), TRUE));
                $_SESSION['state']=$state;
        $param['state']=$state;
        //$param['scope']="get_user_info";
        $param =http_build_query($param,'','&');
        $url=$url."?".$param;
        header("Location:".$url);
    }

    //通过Code获取Access Token
    public function getAccessToken(){
        $url="https://github.com/login/oauth/access_token";
        $param['client_id']=$this->app_id;
        $param['client_secret']=$this->app_key;
        $param['code']=$this->code;//$_GET['code'];
        $param['redirect_uri']=$this->callBackUrl;//'https://www.jysafe.cn/wp-content/plugins/QQoQ/ghcallback.php';
        $param =http_build_query($param,'','&');
        $data = $this->postURL($url,$param);
        $data = json_decode($data);
        $_SESSION['access_tokengh'] = $data->access_token;
        //echo $data->access_token;
        //echo 'token'.$data->access_token;
       return $data;
    }
        //获取信息
    public function getUsrInfo(){
        $access_token = $_SESSION['access_tokengh'];
        if(!$access_token){
            $rdata = $this->getAccessToken();
            $access_token = $rdata->access_token;
        }
        if(empty($access_token)){
            return false;
        }
        $url="https://api.github.com/user";
        $param['access_token'] = $access_token;
        $param =http_build_query($param,'','&');
        $url=$url."?".$param;
        $rzt=json_decode($this->getUrl($url));
        //echo '获取Github用户的个人公开信息链接:'.$url;
        //echo var_dump($rzt);
        return $rzt;
    }
    //CURL GET
    private function getUrl($url){
        $ch = curl_init($url);
        $headers[] =  'User-Agent: jiyeme';
        curl_setopt($ch, CURLOPT_HTTPHEADER,$headers);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
        curl_setopt($ch, CURLOPT_TIMEOUT, 5);
        if (!empty($options)){
            curl_setopt_array($ch, $options);
        }
        $data = curl_exec($ch);
        curl_close($ch);
        return $data;
    }

    
    //CURL POST
     function postUrl($url,$data){
        $ch = curl_init ();
        curl_setopt ( $ch, CURLOPT_RETURNTRANSFER, TRUE );
        curl_setopt ( $ch, CURLOPT_POST, TRUE );
        $headers[] = 'Accept: application/json';
        curl_setopt($ch, CURLOPT_HTTPHEADER,$headers);
        curl_setopt ( $ch, CURLOPT_POSTFIELDS, $data );
        curl_setopt ( $ch, CURLOPT_URL, $url );
        curl_setopt ( $ch, CURLOPT_SSL_VERIFYPEER, TRUE); 
        $ret = curl_exec ( $ch );
        curl_close ( $ch );
        return $ret;
    }

}

在第2个Get请求的时候我设置了一个:

    $headers[] =  'User-Agent: jiyeme';
        curl_setopt($ch, CURLOPT_HTTPHEADER,$headers);

为什么呢?其实也是踩坑过来了。如果不设置会报错导致请求不成功,报错信息:

Request forbidden by administrative rules. Please make sure your request has a User-Agent header (http://developer.github.com/v3/#user-agent-required). Check https://developer.github.com for other possible causes.\n'

其实也就是HTTP请求的403错误,但是这个请求在浏览器端是没有任何问题了。为什么呢?
这里还是看官方的说明:User Agent Required

接入第三方登录之Github

这里其实告诉了我们解决办法,就是把User-Agent设置成你的GitHub的用户名或者应用名,这里我设置的是GitHub的用户名。

 

 

最后

最后我们发现第三方登录的流程其实都差不多,差别就是不同的平台,和自己应用的业务会有点不一样。所以呢,在做之前先要理清思路,仔细看文档。

 

 


祭夜の咖啡馆 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:接入第三方登录之Github
喜欢 (0)
[1690127128@qq.com]
分享 (0)
发表我的评论
取消评论
OwO表情
贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址