React Native迁移Azure B2C后调用acquireTokenSilent报缓存账户未找到错误

针对你遇到的React Native原生端acquireTokenSilent报错No cached accounts found for the supplied homeAccountId and clientId问题，以下是几点具体排查和修复方向：

1. 调整跨平台缓存配置 #

你的缓存配置使用了Web专属的sessionStorage，React Native原生端无法识别该存储方案，导致登录后的账户缓存无法被持久化读取。需根据平台拆分配置：

import { Platform } from 'react-native';

const msalConfig = {
  auth: {
    clientId: "<CLIENT_ID>",
    redirectUri: "msauth://<PACKAGE>/<SIGNATURE_HASH>",
    authority: "https://<TENANT>.b2clogin.com/tfp/<TENANT>.onmicrosoft.com/B2C_1A_SIGNUP_SIGNIN",
    navigateToLoginRequestUrl: false,
    knownAuthorities: [
      "https://<TENANT>.b2clogin.com/tfp/<TENANT>.onmicrosoft.com/B2C_1A_SIGNUP_SIGNIN",
      "https://<TENANT>.b2clogin.com/tfp/<TENANT>.onmicrosoft.com/B2C_1A_PASSWORDRESET"
    ]
  },
  cache: Platform.select({
    web: {
      cacheLocation: "sessionStorage",
      storeAuthStateInCookie: false
    },
    default: {
      // 原生端使用映射到AsyncStorage的localStorage作为缓存载体
      cacheLocation: "localStorage"
    }
  })
};

若旧版react-native-msal不支持自动映射，需手动集成AsyncStorage作为缓存存储介质。

2. 验证acquireTokenSilent参数准确性 #

确保调用时传入的账户信息和权限配置完全匹配：

• 直接传入getAccounts()获取的完整账户对象，而非单独提取homeAccountId：

const accounts = await msalInstance.getAccounts();
if (accounts.length > 0) {
  const silentRequest = {
    account: accounts[0],
    scopes: ["openid", "profile", "<YOUR_API_SCOPE>"],
    authority: "https://<TENANT>.b2clogin.com/tfp/<TENANT>.onmicrosoft.com/B2C_1A_SIGNUP_SIGNIN"
  };
  try {
    const tokenResponse = await msalInstance.acquireTokenSilent(silentRequest);
  } catch (err) {
    // 处理错误
  }
}

• 检查scopes是否包含登录时请求的权限范围，authority是否与登录使用的B2C策略完全一致。

3. 检查原生端缓存持久化权限 #

• Android：再次确认应用签名哈希与Azure B2C配置完全一致，同时检查AndroidManifest.xml中的MSAL回调Intent Filter配置是否正确，确保登录后缓存能写入设备存储。
• iOS：在Xcode中开启Keychain Sharing权限（项目Capabilities面板），并确认Info.plist中的URL Scheme与redirectUri完全匹配，否则MSAL无法将缓存持久化到钥匙串中。

4. 确保MSAL实例为单例模式 #

避免在多个组件中重复初始化MSAL实例，否则会导致缓存状态不同步。建议在全局创建唯一的MSAL实例，所有认证操作复用该实例。

5. 迁移至维护中的MSAL库 #

react-native-msal已归档不再维护，可能存在与新版Azure B2C的兼容性问题。推荐迁移到官方支持的方案：

• Web端保留@azure/msal-react
• 原生端使用@azure/msal-native（官方原生MSAL封装）或社区维护的替代库，这些库修复了旧版的缓存同步问题，适配最新B2C特性。

内容的提问来源于stack exchange，提问作者Travis Brown