Autenticação e autorização

Nesta lição, você aprenderá sobre autenticação e autorização no Angular, fundamentais para proteger seus aplicativos com eficiência.

Autenticação versus autorização

• Autenticação verifica a identidade de um usuário.
• Autorização determina o que um usuário pode acessar.

JWT (JSON Web Token)

JWTs são comumente usados para proteger aplicativos Angular, codificando com segurança as informações de autenticação do usuário.

Armazenamento de tokens

Armazene os tokens JWT com segurança, normalmente usando mecanismos de armazenamento do navegador, como localStorage ou sessionStorage:

localStorage.setItem('token', token);

Adicionar o token às solicitações

Use interceptadores HTTP para adicionar automaticamente tokens de autenticação às solicitações de API:

const authReq = req.clone({ headers: req.headers.set('Authorization', token) });

Proteger rotas

Proteja as rotas usando os guardas de rota do Angular para garantir que apenas usuários autenticados possam acessar partes sensíveis do seu aplicativo.

{ path: 'admin', component: AdminComponent, canActivate: [AuthGuard] }

Autorização baseada em funções

Implemente o controle de acesso baseado em funções (RBAC) para conceder permissões diferentes de acordo com as funções dos usuários.

Sair

Implemente a funcionalidade de saída para limpar os tokens de autenticação com segurança e redirecionar os usuários:

localStorage.removeItem('token');

Resumo

Você aprendeu a implementar autenticação e autorização no Angular, melhorando a segurança do seu aplicativo!