PHP Slim 4 - 使用 Firebase JWT 令牌授权 api 请求

Question

我正在尝试使用用于 slim 4 的 Tuupola Jwt 中间件验证从 firebase javascript sdk 提供的 idToken，但我总是收到 401 错误。 这是我用来获取令牌的客户端代码：

const provider = new firebase.auth.GoogleAuthProvider();
provider.addScope("profile");
provider.addScope("email");
firebase.auth().signInWithPopup(provider).then( (result) => {
 console.log(result);   
});

身份验证流程将按预期正常工作，并且我能够将令牌传递到 Authorization 标头中，但我无法在使用 slim 4 作为 Restful api 的服务器上对其进行验证。

我读过关于这个问题的不同问题，但这些都没有帮助我解决这个问题。

这是我的中间件实现：

use Tuupola\Middleware\CorsMiddleware;
use Tuupola\Middleware\JwtAuthentication;
use Slim\App as App;

return function(App $app) {
    $app->add(new Tuupola\Middleware\CorsMiddleware([
        "origin" => ["chrome-extension://oegddbimpfdpbojkmfibkebnagidflfc"],
        "methods" => ["GET", "POST", "OPTIONS"],
        "headers.allow" => ["Authorization"],
        "headers.expose" => [],
        "credentials" => true,
        "cache" => 86400
    ]));

//    $rawPublicKeys = file_get_contents('https://www.googleapis.com/robot/v1/metadata/x509/securetoken@system.gserviceaccount.com');
//    $keys = json_decode($rawPublicKeys, true);
    $keys = file_get_contents('https://www.googleapis.com/robot/v1/metadata/x509/securetoken@system.gserviceaccount.com');

    $app->add(new Tuupola\Middleware\JwtAuthentication([
        "algorithm" => ["RS256"],
        "header" => "X-Authorization",
        "regexp" => "/Bearer\s+(.*)$/i",
        "secret" => $keys,
        "secure" => false,
        "after" => function ($response, $arguments) {
            return $response->withHeader("X-Brawndo", "plants crave"); //this is only for test
        }
    ]));

};

这就是我的 index.php 文件中的内容，其中运行了 slim 应用程序

use Psr\Http\Message\ResponseInterface as Response;
use Psr\Http\Message\ServerRequestInterface as Request;
use Psr\Http\Server\RequestHandlerInterface;
use Slim\Routing\RouteCollectorProxy;
use Slim\Routing\RouteContext;
use Slim\Factory\AppFactory;
use Tuupola\Middleware\CorsMiddleware;

require_once __DIR__.'/vendor/autoload.php';

$app = AppFactory::create();

$authMiddleware = require_once __DIR__.'/middleware.php';
$authMiddleware($app);

$app->get('/keygen', function(Request $request, Response $response, $args){  
    $password = bin2hex(random_bytes(3));
    $response->getBody()->write( json_encode(['generated_password' => $password]) );
    return $response->withHeader('Content-Type','application/json');
});

$app->add(new Tuupola\Middleware\CorsMiddleware([
    "origin" => ["*"],
    "methods" => ["GET", "POST", "OPTIONS"],
    "headers.allow" => ["Authorization"],
    "headers.expose" => [],
    "credentials" => true,
    "cache" => 86400
]));

$app->run();

我想要实现的是使用客户端登录后提供的 firebase idToken 对从客户端向 api 发出的每个请求进行身份验证。 当发出请求时，中间件将验证令牌，然后授权用户或不使用端点。

有可能解决这个问题吗？

Answer 1

经过大量调试后，我发现并解决了问题。 在我的客户端代码中，我使用了错误的idToken作为Authorization: Bearer并且发送到服务器的标头与中间件配置不匹配，在我的 axios 请求中，我发送的是X-Authorization标头而不是Authorization 。 为了使用正确的令牌，我调用了firebase.auth().onAuthStateChanged( (user) =>{...})方法，当用户对象可用时，我调用了getIdToken()方法。 此操作返回正确的 JWT 令牌以与中间件一起使用以对请求进行身份验证。