How can I implement an authentication service in Angular?

How can I implement an authentication service in Angular?

You can create an authentication service in Angular using HttpClient to communicate with your backend API.

What methods should I include in the authentication service?

Include methods like login, logout, and isAuthenticated to manage user sessions.

How do I handle token storage?

You can use localStorage or sessionStorage to store the authentication token securely.

Can you show me a code example?

Sure! Here's a simple example:

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Router } from '@angular/router';

@Injectable({ providedIn: 'root' })
export class AuthService {
  private token: string | null = null;

  constructor(private http: HttpClient, private router: Router) {}

  login(credentials: { email: string; password: string }) {
    return this.http.post('/api/login', credentials).subscribe((response: any) => {
      this.token = response.token;
      localStorage.setItem('token', this.token);
    });
  }

  logout() {
    this.token = null;
    localStorage.removeItem('token');
    this.router.navigate(['/login']);
  }

  isAuthenticated() {
    return !!this.token;
  }
}

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