🛂 add auth guard

Author: marcode24

src/app/app.routing.ts

@@ -13,8 +13,7 @@ const routes: Routes = [
   {
     path: '**',
     redirectTo: '/',
-    pathMatch: 'full',
-  },
+  }
 ];
 
 @NgModule({

src/app/core/guards/auth.guard.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { AuthGuard } from './auth.guard';
+
+describe('AuthGuard', () => {
+  let guard: AuthGuard;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    guard = TestBed.inject(AuthGuard);
+  });
+
+  it('should be created', () => {
+    expect(guard).toBeTruthy();
+  });
+});

src/app/core/guards/auth.guard.ts

@@ -0,0 +1,24 @@
+import { Injectable } from '@angular/core';
+import { CanActivate, Router, UrlTree } from '@angular/router';
+
+import { Observable, tap } from 'rxjs';
+
+import { AuthService } from '@services/auth.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AuthGuard implements CanActivate {
+  constructor(
+    private authService: AuthService,
+    private router: Router,
+  ) {}
+  canActivate()
+  : Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree {
+    return this.authService.validateToken().pipe(tap(isAuthenticated => {
+      if (!isAuthenticated) {
+        this.router.navigateByUrl('/login');
+      }
+    }));
+  }
+}

src/app/core/services/auth.service.ts

@@ -3,18 +3,32 @@ import { Injectable } from '@angular/core';
 import { Router } from '@angular/router';
 import { environment } from 'environments/environment';
 
-import { Observable, map } from 'rxjs';
+import { Observable, catchError, map, of } from 'rxjs';
+
+import { User } from '@models/user.model';
 
 import { IUserCreated } from '@interfaces/response.interface';
 import { ICreateAccount, ILogin } from '@interfaces/user.interface';
 
+import Storage from '@utils/storage.util';
+
 const base_url = environment.base_url;
 
 @Injectable({
   providedIn: 'root'
 })
 export class AuthService {
 
+  userActive: User;
+
+  get headers() {
+    return {
+      headers: {
+        'x-token': Storage.getLocalStorage('token') || ''
+      }
+    };
+  }
+
   constructor(
     private http: HttpClient,
     private router: Router
@@ -27,6 +41,21 @@ export class AuthService {
 
   login(data: ILogin): Observable<IUserCreated> {
     const url = `${base_url}/auth/login`;
-    return this.http.post<IUserCreated>(url, data);
+    return this.http.post<IUserCreated>(url, data).pipe(map((resp) => {
+      this.userActive = resp.user;
+      Storage.savelocalStorage('token', resp.token);
+      return resp;
+    }));
+  }
+
+  validateToken(): Observable<boolean> {
+    const url = `${base_url}/auth/renew`;
+    return this.http.get<IUserCreated>(url, this.headers)
+      .pipe(map((resp) => {
+        this.userActive = resp.user;
+        Storage.removeLocalStorage('token');
+        Storage.savelocalStorage('token', resp.token);
+        return true;
+    }), catchError(() => of(false)));
   }
 }

src/app/features/features.routing.ts

@@ -1,12 +1,15 @@
 import { NgModule } from "@angular/core";
 import { RouterModule, Routes } from "@angular/router";
 
+import { AuthGuard } from "@guards/auth.guard";
+
 import { FeaturesComponent } from "./features.component";
 
 const routes: Routes = [
   {
     path: '',
     component: FeaturesComponent,
+    canActivate: [AuthGuard],
     loadChildren: () => import('./home/home.routing')
       .then(m => m.HomeRoutingModule),
   },