How do I set up JWT authentication in Angular using Angular CLI?

How do I set up JWT authentication in Angular using Angular CLI?

To set up JWT authentication in Angular, you need to follow these steps: 1. Install Angular CLI, 2. Create a new Angular project, 3. Install necessary packages like @auth0/angular-jwt, 4. Create authentication service, and 5. Implement login and token storage.

What packages do I need to install for JWT?

You need to install @auth0/angular-jwt for handling JWT tokens and possibly HttpClientModule for making HTTP requests.

Can you show me how to create the authentication service?

Sure! Here’s a simple example of an authentication service:

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { BehaviorSubject } from 'rxjs';

@Injectable({ providedIn: 'root' })
export class AuthService {
  private currentUserSubject: BehaviorSubject<any>;

  constructor(private http: HttpClient) {
    this.currentUserSubject = new BehaviorSubject<any>(null);
  }

  login(credentials) {
    return this.http.post('/api/auth/login', credentials);
  }
}

How do I store the JWT token after login?

You can store the JWT token in local storage or session storage. For example:

localStorage.setItem('token', response.token);