Slim 3, как сохранить JWT Token в локальном хранилище и использовать его в моих маршрутах для аутентификации

Question

Я хочу реализовать аутентификацию jwt для тонкого приложения, я следовал промежуточному ПО аутентификации jwt PRS7 от tuupora и его работоспособности, когда я использую Postman, потому что есть варианты использовать заголовок как "Authorization: Bearer tokenString", как показано ниже, когда я запрашиваю "/auth/ibice"Маршрут эти возвращенные данные защищены промежуточным программным обеспечением - скриншот

и я использую строку токена, которая вернулась, когда я запрашиваю этот маршрут "/authtoken", как вы видите ниже

{
  "token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJ3d3cuYXNpZC5ydyIsImlhdCI6MTQ4Njk5MjcyNCwiZXhwIjoxNDg4Mjg4NzI0LCJjb250ZXh0Ijp7InVzZXIiOnsicGhvbmVubyI6IjA3ODQyMjY4OTUiLCJ1c2VyX2lkIjoiMSJ9fX0.1kFu4A16xxJriaRA9CccIJ3M9Bup06buK2LAh13Lzy4",
  "user_id": "1"
}

это мой middleware.php, который защищает все маршруты "/auth/"

<?php
// Application middleware
$container["jwt"] = function ($container) {
    return new StdClass;
};

    $app->add(new \Slim\Middleware\JwtAuthentication([
        "environment" => "HTTP_X_TOKEN",
        "header" => "Authorization",
        "path" => ["/auth"],
        "passthrough" => ["/authtoken"],
        "secret" => "your_secret_key",
        "error" => function ($request, $response, $arguments) {
                $data["status"] = "error";
                $data["message"] = $arguments["message"];
                return $response->withStatus(401)
                    ->withHeader("Content-Type", "application/json")
                    ->write(json_encode($data, JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT));
            },
          "callback" => function ($request, $response, $arguments) use ($container) {
          $container["jwt"] = $arguments["decoded"];
        }
    ]));

и мои маршруты, которые я хочу запросить с заголовком авторизации, который хранится либо из cookie или локального хранилища, но я понятия не имею, как это сделать!!

$app->group('/auth',function(){

 $this->get('/admin','App\Controllers\apiController:login')->setName('admin');   

//fetch ibice 
$this->get('/ibice','App\Controllers\apiController:ibice')->setName('Ibice');

//fetch ibice by id
$this->get('/igice/{id}', 'App\Controllers\apiController:igice')->setName('igiceId'); 

//search ibice
$this->get('/igice/search/[{query}]', 'App\Controllers\apiController:igice_search')->setName('Igice Search');

//imitwe igize igice
$this->get('/igice/{id}/imitwe','App\Controllers\apiController:imitwe')->setName('Imitwe');

//ingingo ziherereye mumutwe runaka
$this->get('/umutwe/{id}/ingingo', 'App\Controllers\apiController:ingingoBundle')->setName('Ingingo.bundle');

//ingingo ziri mucyiciro runaka
$this->get('/ingingo/icyiciro/{id}', 'App\Controllers\apiController:allstuff')->setName('Icyiciro');

//kuzana ikibazo kimwe kiri mungingo runaka
$this->get('/ingingo/{ingingoid}/question/{id}', 'App\Controllers\apiController:question')->setName('One_Exercise');

//kuzana ibibazo byose biri mungingo 
$this->get('/ingingo/{ingingoid}/questions', 'App\Controllers\apiController:questions')->setName('One_Exercise');

 //check if the answer is True or False
$this->get('/question/{id}/check/[{query}]','App\Controllers\apiController:checkQuestions')->setName('Check_Questions');

//get questions ids from ingingo
$this->get('/question/{ingingoid}','App\Controllers\apiController:questionsIDs')->setName('Check_Questions');
});

Пожалуйста, помогите мне, я понятия не имею, как это сделать!

Answer 1

Раньше я никогда не использовал Slim, но, возможно, вы можете использовать небольшой Javascript для доступа к localstorage. Bcz. Вы не можете получить доступ к локальному хранилищу с помощью php (php работает на стороне сервера), пока localstorage находится в браузере (на стороне клиента). Аутентифицировать токен с помощью php, нажав эту конечную точку /authtoken $app->get('/authtoken'), затем вам нужно json_decode вернуть json в массив php, а затем, если предположить, что ваш php-массив, содержащий токен, равен $arr, вы можете сохранить небольшой javascript для сохранения этот жетон в местном хранилище любит это <script>localStorage.setItem('token', '<?php echo $arr['token'];?>');</script> тогда всякий раз, когда вы хотите прочитать это также вы можете использовать JavaScript, чтобы прочитать его из localalstorage

<?php
$token = "<script>document.write(localStorage.getItem('token'));</script>"; ?>