reactjs - 自定义 Microsoft Azure 的登录共享页面(使用react-adal)

Question

我有一个与 Azure Active Directory 一起使用的 React 应用程序，以允许我的用户登录我公司的 Web 服务。我有一个非常基本的设置，运行良好，允许用户登录并浏览我们的企业应用程序。我目前面临的问题涉及使用此插件重定向到的登录屏幕(下面的屏幕截图)。我需要更改公司 Logo 的背景，但我不知道该怎么做。

看起来我被带到了一个公共(public)页面，以便用户可以在 azure 决定是否允许他们进入应用程序之前先输入他们的凭据。我对如何自定义此模板感到困惑，并且不知道在哪里查看，因为我不太确定该配置是否是个人租户或公司品牌配置的一部分。任何方向/建议表示赞赏。预先感谢您的帮助!

Answer 1

Azure AD 确实提供了一项功能来自定义或品牌化登录页面的一些元素。

注意:免费版本不提供此功能。您可能至少需要基本版或更高版本，例如高级版 P1、P2 或 O365 许可证。

您可以在此处阅读有关版本和功能比较的更多信息 - Azure Active Directory Pricing

如何自定义 Azure AD 登录页面

微软文档 - Add branding to your organization's Azure Active Directory sign-in page

在 Azure 门户中，导航到“Azure Active Directory”>“公司品牌”(在“管理”部分中)

可以品牌化的元素有:

• 登录页面背景图片(我猜这就是您要找的)
• 横幅 Logo
• 登录页面底部显示的文本。
• 背景颜色
• 方形 Logo 图像。