✨ ajout de la gestion du token via un service

Author: mckenziearts

src/app/modules/authentication/interceptors/auth.interceptor.ts

@@ -0,0 +1,30 @@
+import { Injectable } from '@angular/core';
+import {
+  HttpEvent,
+  HttpInterceptor,
+  HttpHandler,
+  HttpRequest
+} from '@angular/common/http';
+import { Observable } from 'rxjs';
+
+import { AccessTokenService } from '../services/access-token.service';
+import { environment } from 'environments/environment';
+
+@Injectable()
+export class AuthInterceptor implements HttpInterceptor {
+
+  constructor(private accessTokenService: AccessTokenService) { }
+
+  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+    const isApiUrl = request.url.startsWith(environment.apiUrl);
+    const accessToken = this.accessTokenService.getAccessToken();
+
+    if (accessToken && isApiUrl) {
+      request = request.clone({
+        setHeaders: { Authorization: `Bearer ${accessToken}` }
+      });
+    }
+
+    return next.handle(request);
+  }
+}

src/app/modules/authentication/services/access-token.service.ts

@@ -0,0 +1,29 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AccessTokenService {
+  constructor() { }
+
+  public setAccessToken(accessToken: string): void {
+    localStorage.setItem('accessToken', accessToken);
+  }
+
+  public getAccessToken(): string | null {
+    return localStorage.getItem('accessToken');
+  }
+
+  public removeAccessToken(): void {
+    localStorage.removeItem('accessToken');
+  }
+
+  public setLocalStorage(key: string, value: any): void {
+    localStorage.setItem(key, value);
+  }
+
+  payload(token: string): any {
+    const tokenPayload = token.split('.')[1];
+    return JSON.parse(atob(tokenPayload));
+  }
+}

src/app/modules/authentication/services/auth.service.spec.ts

@@ -2,7 +2,7 @@ import { Injectable } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs';
 
-import { User } from '@app/modules/user/interfaces/user.interface';
+import { AuthResponse, User } from '@app/modules/user/interfaces/user.interface';
 import { Credentials } from '../interfaces/credentials.interface';
 import { environment } from 'environments/environment';
 
@@ -12,8 +12,8 @@ import { environment } from 'environments/environment';
 export class AuthService {
   constructor(private http: HttpClient) { }
 
-  public authenticate(credentials: Credentials): Observable<User> {
-    return this.http.post<User>( 
+  public authenticate(credentials: Credentials): Observable<AuthResponse> {
+    return this.http.post<AuthResponse>( 
       `${environment.apiUrl}/login`, 
       credentials
     );

src/app/modules/authentication/services/auth.service.ts

@@ -7,7 +7,8 @@ import { catchError, map, switchMap } from 'rxjs/operators';
 import * as AuthActions from './auth.actions';
 import { AuthService } from '../services/auth.service';
 import { Credentials } from '../interfaces/credentials.interface';
-import { User } from '@app/modules/user/interfaces/user.interface';
+import { AuthResponse, User } from '@app/modules/user/interfaces/user.interface';
+import { AccessTokenService } from '../services/access-token.service';
 
 @Injectable()
 export class AuthEffects {
@@ -16,10 +17,10 @@ export class AuthEffects {
       ofType(AuthActions.authenticateAction),
       switchMap(({ credentials }: { credentials: Credentials }) => 
         this.authService.authenticate(credentials).pipe(
-          map((user: User) => {
-            console.log(user);
+          map((authResponse: AuthResponse) => {
+            this.accessTokenService.setAccessToken(authResponse.data.access_token);
             this.router.navigateByUrl('/dashboard');
-            return AuthActions.fetchAuthenticateSuccessAction({ user });
+            return AuthActions.fetchAuthenticateSuccessAction({ user: authResponse.data.user });
           }),
           catchError((error) => {
             return of(
@@ -56,6 +57,7 @@ export class AuthEffects {
       ofType(AuthActions.logoutAction),
       switchMap(() => this.authService.logout().pipe(
         map(() => {
+          this.accessTokenService.removeAccessToken();
           this.router.navigateByUrl('/auth/login');
           return AuthActions.logoutSuccessAction();
         }),
@@ -67,6 +69,7 @@ export class AuthEffects {
   constructor(
     private actions$: Actions,
     private authService: AuthService,
+    private accessTokenService: AccessTokenService,
     private router: Router
   ) {}
 }

src/app/modules/authentication/store/auth.effects.ts

@@ -1,8 +1,17 @@
 export interface AuthResponse {
-  user: User;
-  access_token: string;
-  token_type: string;
-  expires_at: Date;
+  message: string;
+  data: {
+    user: User;
+    access_token: string;
+    token_type: string;
+    expires_at: FromDate;
+  }
+}
+
+export interface FromDate {
+  date: Date;
+  timezone_type: number;
+  timezone: string;
 }
 
 export interface User {