/angular-refresh-token

Three ways to refresh token with Angular Http Interceptor

Primary LanguageHTML

Angular refresh token interceptors 🔂

Three ways to refresh token with Angular Http Interceptor

  • Brute force solution with tokenRefreshed$ BehaviorSubject as a semaphore
  • Using caught parameter in catchError rxjs operator to retry request failed request
  • Using retryWhen operator

Features

  • ✅ Refresh token only once for multiple requests
  • ✅ Log out user if refreshToken failed
  • ✅ Log out if user gets an error after first refreshing
  • ✅ Queue all requests while token is being refreshed(except BruteForceInterceptor)
  • ✅ Tests for all cases above

Usage

Add HttpInterceptor in providers section of your AppModule:

@NgModule({
  imports: [
    HttpClientModule
  ],
  providers: [
    AuthService,
    {
      provide: HTTP_INTERCEPTORS,
      useClass: RetryWhenInterceptor,
      multi: true
    },
  ],
})
export class AuthModule { }