Autenticação de Usuários
Esta seção detalha a implementação da funcionalidade de autenticação de usuários no EsplinHub, abrangendo desde a interface de login até a gestão da sessão do usuário.
Tela de Login
A tela de login serve como o ponto de entrada para os usuários acessarem suas contas.
-
Campos de Formulário: Campos para inserção de e-mail e senha.
-
Botão de Login: Um botão para enviar as credenciais para autenticação.
Validações do Formulário
As validações asseguram que os dados inseridos no formulário de login sejam válidos e seguros.
-
Validação de Email: Verifica se o e-mail está no formato correto.
-
Validação de Senha: Confirma se o campo de senha não está vazio.
-
Feedback ao Usuário: Mensagens de erro claras e informativas em caso de dados inválidos.
Integração com API
A autenticação é realizada através da comunicação com a API backend.
-
Uso do Axios: Axis é utilizado para enviar requisições HTTP à API.
-
Rota de Autenticação: A rota
/loginé usada para a autenticação do usuário. -
Armazenamento de Dados: Em caso de sucesso, o token e as informações do usuário são armazenados.
Gestão de Sessão do Usuário
Manutenção da sessão do usuário após a autenticação bem-sucedida.
-
LocalStorage: Armazenamento do token JWT e informações do usuário no localStorage.
-
Vuex: Uso do Vuex para gerenciar o estado relacionado à autenticação no front-end.
-
Segurança: Medidas adotadas para garantir a segurança dos dados da sessão.