带有 msal-react 包装器 acquireTokenSilent 的 msal-browser 无法从缓存中获取访问令牌

Question

@azure/msal-browser 2.14.1 @azure/msal-react 1.0.0-beta.2

我们正在使用自定义 b2c 政策

当我使用 PublicClientApplication 的实例调用 acquireTokenSilent 时，它没有从缓存中获取访问令牌，但我可以看到访问令牌存储在 sessionStorage 中，看起来类似于 {homeAccountId}-{tenantSubdomain}.b2clogin.com-AccessToken-{aud}-{tid}。与格式相似的 refreshToken、clientInfo 和 idToken 一起。它按预期从端点成功 return 个令牌。

在 B2C 中，重定向 uri 设置为 SPA 并禁用隐式流

配置：

const config = {

auth: {
    clientId: applicationID,
    authority: signInAuthority,
    knownAuthorities: [
      `${tenantSubdomain}.b2clogin.com`,
    ],
    redirectUri: reactRedirectUri,
    validateAuthority: false,
    navigateToLoginRequestUrl: false,
    postLogoutRedirectUri: reactRedirectUri,
  },
  system: {
    loggerOptions: {
      loggerCallback: (level, message, containsPii) => {
        if (containsPii) {
          return;
        }
        switch (level) {
          case LogLevel.Error:
            console.error(message);
            return;
          case LogLevel.Info:
            console.info(message);
            return;
          case LogLevel.Verbose:
            console.debug(message);
            return;
          case LogLevel.Warning:
            console.warn(message);
            return;
        }
      },
      piiLoggingEnabled: false,
    },
    windowHashTimeout: 60000,
    iframeHashTimeout: 6000,
    loadFrameTimeout: 0,
    tokenRenewalOffsetSeconds: 1,
    // allowRedirectInIframe: true,
  },
  cache: {
    cacheLocation: "sessionStorage",
    storeAuthStateInCookie: true,
  },
};

请求：

const signInRequest = {
  scopes: [
    msalInstance.config.auth.clientId,
  ],
};

const silentRefreshRequest = {
  scopes: [
    msalInstance.config.auth.clientId,
  ],
};

offline_access，openid 和配置文件会自动添加到请求中，我在这些范围上尝试了很多不同的变体。

acquireTokenSilent:

const res = await msalInstance.acquireTokenSilent({
            ...silentRefreshRequest,
            account: msalInstance.getActiveAccount(),
          });

我再次尝试了几种不同的变体。有没有我遗漏的东西可以解决从缓存中获取它的问题，还是我只需要解决它？

Answer 1

在使用 B2C 时请求您自己的 clientId 作为范围时，这是一个已知问题。 B2C 服务 returns 一个“范围”值“/”而不是您的 clientId，这会破坏缓存。他们正在努力修复，但现在要解决这个问题，您应该在您的应用程序注册上创建一个自定义范围并改用它。您可以跟踪 this issue 以在修复推出时收到通知。

Answer 2

对于遇到相同问题的任何人，Thomas 是正确的，请检查此 article 以创建自定义范围，然后将范围放入您的请求中：

const signInRequest = {
  scopes: ["xxx/api/user.read"],
};

const silentRefreshRequest = {
  scopes: ["xxx/api/user.read"],
};

似乎解决了从缓存中检索令牌时的范围问题

带有 msal-react 包装器 acquireTokenSilent 的 msal-browser 无法从缓存中获取访问令牌

msal-browser with msal-react wrapper acquireTokenSilent doesn't get access token from cache

reactjs

azure

azure-ad-b2c

msal.js