Auth interceptor

src/_providers/auth.interceptor.ts

@@ -0,0 +1,28 @@
+import { Injectable } from '@angular/core';
+import {
+  HttpRequest,
+  HttpHandler,
+  HttpEvent,
+  HttpInterceptor
+} from '@angular/common/http';
+
+import { AuthService } from '../_services/auth';
+import { Observable } from 'rxjs/Observable';
+
+
+@Injectable()
+export class TokenInterceptor implements HttpInterceptor {
+  constructor(public auth: AuthService) {}
+
+  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+    if( this.auth.isAuthenticated() ) {
+      request = request.clone({
+        setHeaders: {
+          Authorization: `Bearer ${this.auth.getToken()}`
+        }
+      });
+    }
+
+    return next.handle(request);
+  }
+}

src/_services/auth.ts

@@ -1,6 +1,6 @@
 import { Injectable } from '@angular/core';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { Observable } from 'rxjs/observable';
+import { Observable } from 'rxjs/Observable';
 import 'rxjs/add/operator/map';
 
 import { User } from '../_models/user';
@@ -13,16 +13,16 @@ export class AuthService{
     private url: string = appConfig.apiUrl + '/auth/login';
     private httpOptions = {headers: new HttpHeaders({ 'Content-Type': 'application/json' })};
 
-    constructor(private http: HttpClient) { 
+    constructor(private http: HttpClient) {
     }
 
     /**
      * Realiza o signin na aplicação. O retorno representa um login realizado ou não.
-     * @param email 
-     * @param password 
+     * @param email
+     * @param password
      */
     signIn(email: string, password: string) : Observable<boolean>{
-        
+
         let body = { email: email, password: password };
 
         return this.http.post<User>( this.url, body, this.httpOptions)
@@ -38,7 +38,7 @@ export class AuthService{
                 return false;
             })
     }
-    
+
     /**
      * Retorna se existe ou não um usuário autorizado no local storage
      */
@@ -50,10 +50,18 @@ export class AuthService{
         }
     }
 
+    /**
+     * Retorna o token de autenticação.
+     * @returns {string}
+     */
+    getToken() : string {
+      return this.token;
+    }
+
     /**
      * Realiza o sign out
      */
     signOut() {
         localStorage.removeItem('authUser');
     }
-}
+}

src/_services/users.ts

@@ -1,6 +1,6 @@
 import { Injectable } from '@angular/core';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { Observable } from 'rxjs/observable';
+import { Observable } from 'rxjs/Observable';
 import 'rxjs/add/operator/map';
 
 import { User } from '../_models/user';
@@ -16,7 +16,7 @@ export class UsersService {
 
     /**
      * Cria um novo usuário
-     * @param user 
+     * @param user
      */
     create(user: User): Observable<User> {
 
@@ -34,7 +34,7 @@ export class UsersService {
 
     /**
      * Retorna um único usuário pelo seu id
-     * @param id 
+     * @param id
      */
     getOne(id: string) : Observable<User> {
         return this.http.get<User>(this.url + '/' + id, this.httpOptions)
@@ -57,4 +57,4 @@ export class UsersService {
             });
     }
 
-}
+}

src/app/app.module.ts

@@ -1,5 +1,6 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { HttpClientModule } from '@angular/common/http';
+import { HTTP_INTERCEPTORS } from '@angular/common/http';
 import { ErrorHandler, NgModule } from '@angular/core';
 import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
 
@@ -18,7 +19,7 @@ import { AllEventsTab } from '../pages/events/all-events/all-events';
 import { MyEventsTab } from '../pages/events/my-events/my-events';
 import { SearchPage } from '../pages/search/search';
 import { SignInPage } from '../pages/signin/signin';
-import { SignUpPage } from '../pages/signup/signup'; 
+import { SignUpPage } from '../pages/signup/signup';
 
 import { StatusBar } from '@ionic-native/status-bar';
 import { SplashScreen } from '@ionic-native/splash-screen';
@@ -27,6 +28,7 @@ import { MatchesService } from '../_services/matches';
 import { EventsService } from '../_services/events';
 import { UsersService } from '../_services/users';
 import { SearchedProfilePage } from '../pages/searched-profile/searched-profile';
+import {TokenInterceptor} from "../_providers/auth.interceptor";
 
 @NgModule({
   declarations: [
@@ -73,7 +75,10 @@ import { SearchedProfilePage } from '../pages/searched-profile/searched-profile'
     AuthService,
     MatchesService,
     EventsService,
-    UsersService
+    UsersService,
+    {provide: HTTP_INTERCEPTORS,
+      useClass: TokenInterceptor,
+      multi: true}
   ]
 })
 export class AppModule {}