使用 Azure AD 和 Azure ADB2C 反应 MSAL 多实例答案

【问题标题】：React MSAL multi instance with Azure AD and Azure ADB2C使用 Azure AD 和 Azure ADB2C 反应 MSAL 多实例
【发布时间】：2022-11-02 13:43:42
【问题描述】：

我在 React 中有一个 Web 应用程序，它使用 Azure AD 登录（仅限员工）。我也想为外部用户（客户端）提供访问权限，同样我想使用 Azure ADB2C。

出于测试目的，我提供了 B2C 特定的配置，并且效果很好（带有一些额外的配置）。有没有办法在同一个应用程序中使用单个 MsalProvider 提供混合模式登录支持（AD 和 ADB2C）？

"config": {
      "auth": {
        "authority": "@@@@@@@@",
        "clientId": "@@@@@@@@",
        "redirectUri": "http://localhost:9000",
        "postLogoutRedirectUri": "http://localhost:9000",
        "navigateToLoginRequestUrl": false
      },
      "cache": {
        "cacheLocation": "localStorage",
        "storeAuthStateInCookie": true
      }
    }

const pca = new PublicClientApplication(authConfig);

ReactDOM.render(
  <MsalProvider instance={pca}>
    <App />
  </MsalProvider>,
  document.getElementById("root")
);

参考代码https://github.com/Azure-Samples/ms-identity-javascript-react-tutorial

【问题讨论】：

标签： reactjs azure-active-directory azure-ad-b2c msal

【解决方案1】：

是的，将Azure AD federation 添加到 B2C。

【讨论】：