How To Use Angular Interceptor With Firebase Authentication

[ewwwgiddings]

Does anyone have a good example of how to use an interceptor to add the Firebase token to an HTTP request?

Problems I'm facing:

• Using getIdToken() will fail if there's no signed in user and cause errors. I can move on with the catch of it I guess.
• If I store the token with Ionic Storage while reacting to auth state change on sign in will the token get refreshed? Does the auth state change trigger on refresh? It looks like there's an event that does onIdTokenChanged with a PR in review
• Firebase stores it in IndexDb on web but where does it store it on iOS and Android?

Has anyone found a good solution to this?

[ewwwgiddings]

Found a solution. I've decided to use this library:
https://www.npmjs.com/package/@auth0/angular-jwt

With my tokenGetter as:

export async function tokenGetter(): Promise<string | null> {
  try {
    const { token } = await FirebaseAuthentication.getIdToken({ forceRefresh: false });
    return token || null;
  } catch {
    return null;
  }
}

And registration as:

JwtModule.forRoot({
    config: {
      tokenGetter: tokenGetter,
      allowedDomains: ["example.com"],
      disallowedRoutes: ["http://example.com/examplebadroute/"],
    },
})

Seems like it will get the token locally on each request unless it needs refreshing.

If anyone else has any better way to do it I'm all ears.