React中多MSAL实例的acquireTokenSilently()实现及实例区分求助

直接导入你已创建好的两个MSAL实例，分别调用它们的acquireTokenSilently方法就能明确区分，不用依赖useMsal（因为useMsal只能获取当前上下文绑定的单个实例）。

步骤1：修正实例导出（确保可导入） #

先把租户连接实例改成可导出的（将原来的var改为export const）：

export const connectToTenantMsalInstance = new PublicClientApplication(
  connectToTenantMsalConfig
);

普通登录实例已经是export状态，保持不变：

export const NormalLoginInstance = new PublicClientApplication(LoginMsalConfig);

步骤2：分别实现两个实例的静默获取Token逻辑 #

在需要调用的组件或工具函数中，导入两个实例，编写对应的acquireTokenSilently调用逻辑：

普通登录实例的Token获取

import { NormalLoginInstance } from './你的实例文件路径';
import { InteractionRequiredAuthError } from '@azure/msal-browser';

// 普通登录场景的静默获取Token
const getNormalLoginToken = async () => {
  try {
    // 获取该实例下已登录的账号
    const accounts = NormalLoginInstance.getAllAccounts();
    if (!accounts.length) {
      throw new Error('普通登录无已登录账号，请先登录');
    }

    const tokenResponse = await NormalLoginInstance.acquireTokenSilently({
      account: accounts[0],
      scopes: ['user.read', '你的其他普通登录权限'], // 替换为实际需要的Scope
    });
    return tokenResponse.accessToken;
  } catch (err) {
    // 静默失败，触发交互式登录（弹窗/跳转）
    if (err instanceof InteractionRequiredAuthError) {
      const popupResponse = await NormalLoginInstance.acquireTokenPopup({
        scopes: ['user.read', '你的其他普通登录权限'],
      });
      return popupResponse.accessToken;
    }
    throw err;
  }
};

租户连接实例的Token获取

import { connectToTenantMsalInstance } from './你的实例文件路径';
import { InteractionRequiredAuthError } from '@azure/msal-browser';

// 租户连接场景的静默获取Token
const getTenantConnectionToken = async () => {
  try {
    const accounts = connectToTenantMsalInstance.getAllAccounts();
    if (!accounts.length) {
      throw new Error('租户连接无已登录账号，请先完成租户认证');
    }

    const tokenResponse = await connectToTenantMsalInstance.acquireTokenSilently({
      account: accounts[0],
      scopes: ['https://your-tenant-api/.default', '你的其他租户权限'], // 替换为实际需要的Scope
    });
    return tokenResponse.accessToken;
  } catch (err) {
    if (err instanceof InteractionRequiredAuthError) {
      const popupResponse = await connectToTenantMsalInstance.acquireTokenPopup({
        scopes: ['https://your-tenant-api/.default', '你的其他租户权限'],
      });
      return popupResponse.accessToken;
    }
    throw err;
  }
};

关键说明 #

• 无需依赖useMsal：useMsal和MsalProvider绑定，一个上下文只能对应一个实例，多实例场景下直接导入已创建的实例更清晰，避免上下文冲突。
• 账号完全隔离：两个MSAL实例的登录账号是相互独立的，getAllAccounts()只会返回当前实例下的账号，不会出现混淆。

内容的提问来源于stack exchange，提问作者vickey luckey