Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

(Angular) PWA

See original GitHub issue

Core Library

MSAL.js v2 (@azure/msal-browser)

Core Library Version

2.16.1

Wrapper Library

MSAL Angular (@azure/msal-angular)

Wrapper Library Version

2.0.2

Description

Hi.

I’m currently building an (Angular) PWA app which uses Azure B2C as IDP. I have issues where the user is offline, and MSAL calls B2C endpoints which results in the user being redirected to B2C. Having no net, this breaks the PWA experience, and I’m not sure what happens (if the token expires or if there’s some other mechanism leading to the redirect. It’s kinda hard and time consuming to debug).

I was wondering if anyone here has experience using B2C with a PWA and would share config / insights on how to handle caching (if at all), overrides or interceptors (if required)?

I saw that you @jakehockey10 had some similar ideas and questions in #3283. Did you manage to implement this?

MSAL Configuration

MsalModule.forRoot(new PublicClientApplication({
      auth: {
        clientId: environment.auth.clientId,
        authority: environment.auth.authority,
        redirectUri: environment.auth.redirectUri,
        postLogoutRedirectUri: environment.auth.postLogoutRedirectUri,
        knownAuthorities: environment.auth.knownAuthorities
      },
      cache: {
        cacheLocation: BrowserCacheLocation.LocalStorage
      },
      system: {
        loggerOptions: {
          loggerCallback: (logLevel: LogLevel, a: string, b: boolean) => {},
          piiLoggingEnabled: false
        }
      }
    }), {
      interactionType: InteractionType.Redirect,
      authRequest: {
        scopes: [...environment.auth.scopes]
      }
    }, {
      interactionType: InteractionType.Redirect,
      protectedResourceMap: new Map([
        [environment.auth.scopesUri,
          environment.auth.scopes
        ]
      ])
    })