posts/angular/refreshing-authorization-tokens-angular-6/

[utterances-bot]

Refreshing Authorization Tokens – Angular 6

In this post, we are going to build a http interceptor for refreshing authorization tokens once expired in Angular 6 and RXJS6.

https://codinglatte.com/posts/angular/refreshing-authorization-tokens-angular-6/

[randika-srimal]

Great article. Followed these steps and successfully implemented refreshing tokens in Angular 8. Thank You.

[bobinjv]

Nice article. Can you please explain the purpose of the second if condition in the below code

[bobinjv]

Nice article. Can you please explain the purpose of the second if condition in the below code. Will the code enter the second if. Because authService.refreshToken() will always return an observable and it wont be null or undefined.

if (!this.inflightAuthRequest) {
  this.inflightAuthRequest = authService.refreshToken();

  if (!this.inflightAuthRequest) {
    // remove existing tokens
    localStorage.clear();
    this.router.navigate(['/sign-page']);
    return throwError(error);
  }
}

[mainawycliffe]

Thanks. The first checks if there is an inflight request from a previous HTTP Request attempting to request and shares the request. The second once checks if an attempt to set the inflight request is successful. It might fail if the refresh token is absent and hence redirects the user to the sign-in page.

[bobinjv]

I think, even if the refresh token is absent, a http call will be made and it is going to be an async operation. So at the second if condition, we would be having the request handlers in this.inflightAuthRequest. So i guess !this.inflightAuthRequest will always be false

[dfmmalaw]

Hi Maina! I am having an issue when following the tutorial and created a StackOverflow post about it. Can you please tell me what I am doing wrong. The post is:

https://stackoverflow.com/questions/59884040/issue-with-creating-refresh-token-via-httpinterceptor

[mainawycliffe]

@dfmmalaw I answered your question. Thanks.