如何使用 React 防止 AD B2C 登录出现新的 window

Question

我正在按照 Microsoft 提供的教程尝试使用重定向的 AD B2C 身份验证流程，但这总是会打开一个新的浏览器选项卡来显示 Microsoft 的登录屏幕。这破坏了我们想要在我们的应用程序中提供的用户体验。是否可以将 MSAL 配置为在同一 frame/window 内重定向，而无需打开新的 window 或选项卡？

Microsoft 的另一个选项是使用资源所有者密码凭据流程，但 Microsoft 不推荐这样做，而且它也不具备支持 MFA 等用例的灵活性。

欢迎任何解决重定向问题的建议！

Answer 1

不确定您所说的“新浏览器标签”是什么意思，但您可以使用 iframes“以获得更简单的登录体验。

您可以避免将用户重定向到单独的登录页面或生成弹出窗口 window。通过使用内联框架元素，您可以将 Azure AD B2C 登录用户界面直接嵌入到您的 Web 应用程序中。