implements interceptor for all requests

src/app/account/shared/account.service.ts

@@ -32,4 +32,8 @@ export class AccountService {
     const result = await this.http.post<any>(`${environment.api}/api/users`,account,{headers: http_headers}).toPromise();
     return result;
   }
+  getAuthorizationToken(){
+    const token = window.localStorage.getItem('token');
+    return token;
+  }
 }

src/app/app.module.ts

@@ -12,6 +12,7 @@ import { LoginComponent } from './account/login/login.component';
 import { CreateAccountComponent } from './account/create-account/create-account.component';
 import { HomeComponent } from './layout/home/home.component';
 import { AuthenticationComponent } from './layout/authentication/authentication.component';
+import { httpInterceptorProviders } from './http-interceptors';
 
 @NgModule({
   declarations: [
@@ -30,7 +31,9 @@ import { AuthenticationComponent } from './layout/authentication/authentication.
     FormsModule,
     AppRoutingModule
   ],
-  providers: [],
+  providers: [
+    httpInterceptorProviders
+  ],
   bootstrap: [AppComponent]
 })
 export class AppModule { }

src/app/http-interceptors/auth-interceptor.ts

@@ -0,0 +1,49 @@
+import { Injectable } from '@angular/core';
+import { AccountService } from './../account/shared/account.service';
+import { HttpInterceptor, HttpRequest, HttpHandler, HttpErrorResponse } from '@angular/common/http';
+import { throwError } from 'rxjs';
+import { catchError } from 'rxjs/operators';
+
+@Injectable()
+export class AuthInterceptor implements HttpInterceptor {
+
+  constructor(
+    private accountService: AccountService
+  ) { }
+
+  intercept(req: HttpRequest<any>, next: HttpHandler) {
+
+    const token = this.accountService.getAuthorizationToken();
+    let request: HttpRequest<any> = req;
+
+    //if (token && !this.accountService.isTokenExpired(token)) {
+    if (token) {
+      // O request é imutavel, ou seja, não é possível mudar nada
+      // Faço o clone para conseguir mudar as propriedades
+      // Passo o token de autenticação no header
+      request = req.clone({
+        headers: req.headers.set('Authorization', `Bearer ${token}`)
+      });
+    }
+
+    // retorno o request com o erro tratado
+    return next.handle(request)
+      .pipe(
+        catchError(this.handleError)
+      );
+  }
+
+  private handleError(error: HttpErrorResponse) {
+    if (error.error instanceof ErrorEvent) {
+      // Erro de client-side ou de rede
+      console.error('Ocorreu um erro:', error.error.message);
+    } else {
+      // Erro retornando pelo backend
+      console.error(
+        `Código do erro ${error.status}, ` +
+        `Erro: ${JSON.stringify(error.error)}`);
+    }
+    // retornar um observable com uma mensagem amigavel.
+    return throwError('Ocorreu um erro, tente novamente');
+  }
+}

src/app/http-interceptors/index.ts

@@ -0,0 +1,6 @@
+import { HTTP_INTERCEPTORS } from '@angular/common/http';
+import { AuthInterceptor } from './auth-interceptor';
+
+export const httpInterceptorProviders = [
+  { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true },
+];