Mudanças entre as edições de "Example of Http Interceptor for login authentication"

De Basef
Ir para: navegação, pesquisa
Linha 32: Linha 32:
 
'''In your module:'''
 
'''In your module:'''
 
<source lang="javascript">
 
<source lang="javascript">
 +
 +
import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
 +
import { AuthInterceptor } from "./login/auth.interceptor";
 +
 +
@NgModule({
 +
  ...
 
   providers: [
 
   providers: [
 
     ...
 
     ...
Linha 41: Linha 47:
 
     ...
 
     ...
 
   ]
 
   ]
 +
  ...
 +
})
 +
 
</source>
 
</source>
  
 
[[Category: AngularJS2]]
 
[[Category: AngularJS2]]

Edição das 14h20min de 23 de abril de 2018

Example of Interceptor for login authentication:

auth-interceptor.js

import { Injectable, Injector } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
import { LoginService } from './login.service';
 
@Injectable()
export class AuthInterceptor implements HttpInterceptor {
 
  constructor(private injector: Injector) {
 
  }
 
  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const loginService = this.injector.get(LoginService);
 
    if (loginService.isLoggedIn()) {
      const authRequest = request.clone(
        { setHeaders:{'Authorization': `Bearer ${loginService.getUser().accessToken}`}});
 
      return next.handle(authRequest);
    } else {
      return next.handle(request);
    }
  }
}

In your module:

import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
import { AuthInterceptor } from "./login/auth.interceptor";
 
@NgModule({
  ...
  providers: [
    ...
    {
      provide: HTTP_INTERCEPTORS,
      useClass: AuthInterceptor,
      multi: true
    },
    ...
  ]
  ...
})