Sistema de Login com JWT

Sistema de autenticação simples utilizando JSON Web Tokens (JWT).

• PHP
• Biblioteca firebase/php-jwt

Clone o repositório depois instale a dependencia abaixo Instale a biblioteca via composer:

composer require firebase/php-jwt
composer require bramus/router
composer update

Após a instalçao das dependências acima mencionadas, uma para gerenciar a criação e validação do token, a outra é para gerenciar rotas semelhante o que acontece com os principais frameworks, onde é capturado o metodo e o recurso e direciona para a função no contralador especifico.

Ao realizar o login, um token JWT é gerado para o usuário com base em suas credenciais. o frontend recebe o token caso a autenticação seja bem sucedida, e o javascript "x.js" a cada 1 minuto faz uma requisição para verificar o token e verificar as telas autorizadas pela passoa logada.

$key = "YOUR_SECRET_KEY";
$payload = [
 "iss" => "localhost",
 "aud" => "localhost",
 "iat" => time(),
 "exp" => time() + 3600, // Expira em 1 hora
 "sub" => "user@email.com"
];
$jwt = JWT::encode($payload, $key);

Validação de Token Para validar o token recebido em requisições subsequentes:

$key = "YOUR_SECRET_KEY";
try {
 $decoded = JWT::decode($token, $key, ['HS256']);
 // Token é válido
} catch(Exception $e) {
 // Token inválido
}

backend/Controller/UsuarioController.php: Contém a lógica para gerar e validar o JWT. backend/Router/: Roteamento e processamento das requisições HTTP.

• Login Para fazer login, envie uma requisição POST para backend/Router/ com os campos email e senha. Se for bem-sucedido, você receberá um JWT que será usado para futuras autenticações, salvando em sessionStorage.

 const response = await fetch(urlBase+'backend/Router/login', {
 method: 'POST',
 headers: {
 'Content-Type': 'application/json'
 },
 body: JSON.stringify({ email, senha: password,lembrar })
 });
 const data = await response.json();
 if (data.status) {
 sessionStorage.setItem('token', data.token);
 window.location.href = "index.html"; 
 }

• Validar Token Para validar o token, envie uma requisição GET para backend/Router/loginRouter.php com o token no cabeçalho de Autorização. O token será validado e, se ainda estiver válido, a resposta será positiva.

• Os javascripts cards e times fazem uma busca fetch para um json que está estruturado, e o javascript ler o conteúdo e monta os cards, essa parte foi criada para mostrar a manipulação do DOM sem um banco de dados