Разве не поддерживается настройка пользовательского интерфейса страницы Azure AD B2C? - PullRequest
Новая
       9

Разве не поддерживается настройка пользовательского интерфейса страницы Azure AD B2C?

0 голосов
/ 29 мая 2018

Я пытаюсь настроить пользовательский интерфейс страницы на странице единого входа / регистрации Azure AD B2C.

Мне удалось создать свой шаблон и загрузить все ресурсы, например HTML-страницу, изображения и CSS, вМой контейнер хранилища BLOB-объектов Azure с правильными настройками CORS.

Однако, когда я открываю страницу, она выглядит УЖАСНО! Кажется, она не поддерживает Bootstrap.Я где-то читал, что JavaScript не разрешен.Это причина этого?

После того, как я загружаю свою пользовательскую HTML-страницу, Azure AD B2C, кажется, удаляет множество элементов дизайна, необходимых для моей настройки, таких как id и style в моемТег body - см. Ниже: 

<!-- Omitted for brevity -->
<body id="my-login-class" style="url: ('https://myazurestorage.blob.core.windows.net/my-container/my-bg-image.jpg')">

   <div id="some-important-id" class="my-important-class">
      <div class="col-xs-8">
          <div>Some important message</div>
      <div>
      <div class="col-xs-4">
         <div id="api">
         </div>
      </div>
   </div>

</body>

Когда я проверяю источник страницы после рендеринга моей пользовательской страницы, я вижу, что все мои классы и идентификаторы удаляются вместе со ссылками на Bootstrap, например css иjs.

Я правильно понял?Нет Bootstrap, что означает, что Azure AD B2C поддерживает только самые базовые настройки?

Ответы [ 2 ]

0 голосов
/ 30 мая 2018

Ваш HTML-шаблон может включать любые внешние, head или встроенные стили, но не может содержать скрипты.

Пример настраиваемой страницы можно найти по адресу при регистрации в WoodGrove.или страница входа .

Шаблон HTML для этой настроенной страницы можно найти в репозитории WoodGrove GitHub .

Этот шаблон HTML включает Стили перезагрузки Bootstrap , а также специфические стили WoodGrove.

Azure AD B2C создает элементы head и body, а затем копирует дочерние элементы для каждого из этих head и bodyэлементы из вашего HTML-шаблона в его HTML-документ.

Поэтому не следует добавлять атрибуты к элементу body в вашем HTML-шаблоне, поскольку они не копируются.

0 голосов
/ 30 мая 2018

Вы можете импортировать ссылки начальной загрузки.Пожалуйста, смотрите этот документ: https://docs.microsoft.com/en-us/dynamics365/customer-engagement/portals/azure-ad-b2c

Смотрите также: https://github.com/Azure-Samples/active-directory-b2c-php-webapp-openidconnect

...