Mudanças entre as edições de "Example of Http Interceptor for login authentication"
De Basef
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 }, ... ] ... })