为 Microsoft Azure 自定义登录公共页面(使用 react-adal)

Customizing sign in commons page for Microsoft Azure (using react-adal)

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

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

Azure AD 确实提供了为 sign-in 页面自定义或标记一些元素的功能。

注意:此功能不适用于免费版。您可能至少需要 Basic 或更高版本,例如 Premium P1、P2 或 O365 许可证。

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

如何自定义您的 Azure AD sign-in 页面

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

在 Azure 门户中导航至 "Azure Active Directory" > "Company branding"(在管理部分)

少数可以标记的元素是:

  • Sign-in 页面背景图片(我想这就是你要找的)
  • 横幅标志
  • Sign-in 页面底部显示的文本。
  • 背景颜色
  • 方形徽标图片。