Angular 5 Http Interceptor que atualiza o token JWT
Eu já implementei lógica de economia, recuperação e recuperação de token e também tenho uma chamada refrescante. O problema é que, quando intercepto 403 no meu HttpInterceptor, outras chamadas feitas ao mesmo tempo também atualizam o token. Adoraria manter essas chamadas até que meu token seja atualizado. Para criar o que eu chamaria de 'semáforo' de solicitações.
@Injectable()
export class TokenInterceptor implements HttpInterceptor {
private auth: AuthService;
constructor(private injector: Injector) {
}
intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
this.auth = this.injector.get(AuthService);
if(this.auth.isAuthenticated()){
request = request.clone({
setHeaders: {
Accept: 'application/json',
Authorization: `Bearer ${localStorage.getItem('access_token')}`
}
});
} else {
request = request.clone({
setHeaders: {
Accept: 'application/json'
}
});
}
return next.handle(request).catch(error => {
if (error.status === 401) {
console.log('refreshing token');
// TODO: return Refresh Token here and hold other calls
}
return Observable.throw(error);
});
}