Authentifizierung und Autorisierung

Diese Lektion behandelt die Authentifizierung und Autorisierung in Angular – beides ist entscheidend, um Ihre Anwendungen wirksam abzusichern.

Authentifizierung vs. Autorisierung

• Authentifizierung überprüft, wer ein Benutzer ist.
• Autorisierung bestimmt, worauf ein Benutzer zugreifen darf.

JWT (JSON Web Token)

JWTs werden häufig verwendet, um Angular-Anwendungen abzusichern, indem Informationen zur Benutzerauthentifizierung sicher kodiert werden.

Token speichern

Speichern Sie JWT-Token sicher, typischerweise mithilfe von Browser-Speichermechanismen wie localStorage oder sessionStorage:

localStorage.setItem('token', token);

Token zu Anfragen hinzufügen

Verwenden Sie HTTP-Interceptor, um Authentifizierungstoken automatisch zu API-Anfragen hinzuzufügen:

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

Routen schützen

Sichern Sie Routen mit Angular-Route-Guards, damit nur authentifizierte Benutzer auf sensible Bereiche Ihrer Anwendung zugreifen können.

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

Rollenbasierte Autorisierung

Implementieren Sie eine rollenbasierte Zugriffskontrolle (RBAC), um abhängig von den Benutzerrollen unterschiedliche Berechtigungen zu vergeben.

Abmelden

Implementieren Sie eine Abmeldefunktion, die Authentifizierungstoken sicher löscht und Benutzer weiterleitet:

localStorage.removeItem('token');

Zusammenfassung

Sie haben gelernt, wie Sie Authentifizierung und Autorisierung in Angular implementieren und dadurch die Sicherheit Ihrer Anwendung verbessern. Gute Arbeit!