Reactjs 自定义Microsoft Azure的登录公用页(使用react adal)

Reactjs 自定义Microsoft Azure的登录公用页(使用react adal),reactjs,azure,azure-active-directory,single-sign-on,Reactjs,Azure,Azure Active Directory,Single Sign On,我有一个react应用程序,用于Azure Active Directory,允许我的用户登录到我公司的web服务。我有一个非常基本的设置,运行良好,允许用户登录并浏览我们的企业应用程序。我目前面临的问题涉及使用此插件重定向到的登录屏幕(下面的屏幕截图)。我需要改变我公司标志的背景,我不知道怎么做 看起来我被带到了一个公共页面,这样用户就可以在azure决定是否允许他们进入应用程序之前先输入他们的凭据。我对如何自定义此模板感到困惑,并且不知道该在哪里查看,因为我不太确定该配置是单个租户配置的一

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


看起来我被带到了一个公共页面,这样用户就可以在azure决定是否允许他们进入应用程序之前先输入他们的凭据。我对如何自定义此模板感到困惑,并且不知道该在哪里查看,因为我不太确定该配置是单个租户配置的一部分还是公司品牌配置的一部分。如有任何指示/建议,不胜感激。提前感谢您的帮助

Azure广告确实提供了一项功能,可以为登录页面定制或标记一些元素

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

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

如何自定义Azure广告登录页面

Microsoft文档-

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

可以打上品牌的元素很少有:

  • 登录页面背景图片(我想这就是你要找的)
  • 横幅标志
  • 登录页面底部显示的文本
  • 背景色
  • 方形标志图像