MSAL JS library to work with Google or Other OAuth 2.0 (Auth with PKCE) Supported Library

[babubhare]

Hi,
I need help on the is the MSAL JS with react will work with any other OAuth 2.0 Supported IDP.

I tried the following code base; and i get exception about the loading of meta data.

    _redirectUri: "http://localhost:3000/",
    postLogoutRedirectUri: "/",
    scopes: 'openid',

    //Fusion
    //clientId: "3801df3d-ab2b-492b-af6d-******",
    //authority: "http://localhost:9011",

    clientId: '********,
    authority: "https://accounts.google.com",
    authorityMetadata: 'https://accounts.google.com/.well-known/openid-configuration',
    protocolMode: "OIDC"

Following is the exception message i got from libs:
Uncaught (in promise) ClientAuthError: endpoints_resolution_error: Error: could not resolve endpoints. Please check network and try again. Detail: ClientConfigurationError: invalid_authority_metadata: Invalid authorityMetadata provided. Must by a JSON object containing authorization_endpoint, token_endpoint, end_session_endpoint, issuer fields

Regards,
Babu

[jasonnutter]

@babubhare For authorityMetadata, you need to provide the actual JSON. You also need to set auth.protocolMode to ProtocolMode.OIDC. That said, I tried using MSAL Browser with Google directly last week and noticed it still doesn't work, e.g. we always add offline_access, which isn't supported by Google. We need to make some fixes for non-AAD IDPs, and provide at least one sample. I'll make sure that gets added to our backlog.

[babubhare]

Thanks @jasonnutter;
Any release timeline on this we could expect. If not then need to go and review other libs outside Microsoft.

[jansoltis]

Update: The offline_access scope is still added and it still fails with google, but I found a way around it: it is possible to configure default scopes and not include offline_acces, like this:

    const msalConfig = {
      auth: {
          protocolMode: ProtocolMode.OIDC,
          OIDCOptions: {
            defaultScopes: ['openid', 'profile'],
          },
          ...