Authentification et autorisation

Cette leçon présente l’authentification et l’autorisation dans Angular, des éléments essentiels pour sécuriser efficacement vos applications.

Authentification ou autorisation

• Authentification vérifie l’identité d’un utilisateur.
• Autorisation détermine ce à quoi un utilisateur peut accéder.

JWT (jeton Web JSON)

Les JWT sont couramment utilisés pour sécuriser les applications Angular en encodant de manière sécurisée les informations d’authentification des utilisateurs.

Stockage des jetons

Stockez les jetons JWT de manière sécurisée, généralement à l’aide de mécanismes de stockage du navigateur tels que localStorage ou sessionStorage :

localStorage.setItem('token', token);

Ajouter un jeton aux requêtes

Utilisez des intercepteurs HTTP pour ajouter automatiquement les jetons d’authentification aux requêtes d’API :

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

Protéger les routes

Sécurisez les routes à l’aide des gardes de route d’Angular afin de garantir que seuls les utilisateurs authentifiés puissent accéder aux parties sensibles de votre application.

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

Autorisation basée sur les rôles

Implémentez un contrôle d’accès basé sur les rôles (RBAC) afin d’accorder différentes permissions selon les rôles des utilisateurs.

Se déconnecter

Implémentez une fonctionnalité de déconnexion pour effacer les jetons d’authentification de manière sécurisée et rediriger les utilisateurs :

localStorage.removeItem('token');

Résumé

Vous avez appris à mettre en œuvre l’authentification et l’autorisation dans Angular, renforçant ainsi la sécurité de votre application !