Azure AD B2C из приложения Angular и msal: загрузка настроенного Html пользовательского интерфейса - PullRequest
Новая
       13

Azure AD B2C из приложения Angular и msal: загрузка настроенного Html пользовательского интерфейса

2 голосов
/ 06 марта 2019

Я пытаюсь войти в угловое приложение с помощью Azure B2c.Страница входа настраивается, а файлы изображений, css, ui html хранятся в blobstorage в каталоге azure.

При нажатии кнопки входа страница не загружается, и отображается сообщение об ошибке консоли: zone.js: 682 Необработанный отказ от обещания: AADB2C90047: ресурс 'https://storageblob.blob.core.windows.net/storageblobcontainer/ui.html' содержит ошибки сценария, препятствующие его загрузке.

Может кто-нибудь объяснить, как это можно решить?

1 Ответ

1 голос
/ 08 марта 2019

Я предполагаю, что вы следовали приведенным ниже рекомендациям по Javascript для настройки пользовательского интерфейса AD B2C

Следуйте этим рекомендациям при настройке интерфейса приложения с помощью JavaScript:

  • Не связывать событие щелчка с <a> элементами HTML.

  • Не использовать зависимость от кода или комментариев Azure AD B2C.

  • Не меняйте порядок или иерархию HTML-элементов Azure AD B2C.Используйте политику Azure AD B2C для управления порядком элементов пользовательского интерфейса.

  • Вы можете позвонить в любую службу RESTful со следующими соображениями:

    • Выможет потребоваться настроить службу RESTful CORS для разрешения клиентских HTTP-вызовов.

    • Убедитесь, что ваша служба RESTful безопасна и использует только протокол HTTPS.

    • Не используйте JavaScript напрямую для вызова конечных точек Azure AD B2C.

  • Вы можете встроить JavaScript или ссылку на внешние файлы JavaScript.При использовании внешнего файла JavaScript обязательно используйте абсолютный URL-адрес, а не относительный URL-адрес.

  • Платформы JavaScript:

    • Azure AD B2Cиспользует определенную версию jQuery.Не включайте другую версию jQuery.Использование более чем одной версии на одной странице вызывает проблемы.

    • Использование RequireJS не поддерживается.

    • Большинство JavaScript-фреймворков не поддерживаютсяAzure AD B2C.

  • Параметры Azure AD B2C можно прочитать, вызвав объекты window.SETTINGS, window.CONTENT, такие как текущий язык интерфейса пользователя.Не изменяйте значение этих объектов.

  • Чтобы настроить сообщение об ошибке Azure AD B2C, используйте локализацию в политике.

  • Еслис помощью политики можно достичь всего, обычно это рекомендуемый способ.

В противном случае это может вызвать проблемы.Также я надеюсь, что вы добавили подстановочный знак «https» в значение CORS.

Вот статья, в которой говорится об этой же проблеме.

https://github.com/MicrosoftDocs/azure-docs/issues/18508

Надеюсь, это такпомогает.

...