How do I set up JWT authentication in Angular?

How do I set up JWT authentication in Angular?

To set up JWT authentication in Angular, you need to install the necessary packages, create a service for handling tokens, and configure your HTTP requests to include the JWT.

What packages do I need to install?

You typically need to install @auth0/angular-jwt for handling JWTs and rxjs for managing asynchronous data.

Can you show me a code example?

Sure! Here's a simple example:

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { JwtHelperService } from '@auth0/angular-jwt';

@Injectable({ providedIn: 'root' })
export class AuthService {
  constructor(private http: HttpClient, public jwtHelper: JwtHelperService) {}

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

  isAuthenticated(): boolean {
    const token = localStorage.getItem('access_token');
    return !this.jwtHelper.isTokenExpired(token);
  }
}

This service handles login and checks if the user is authenticated.