Настройте пользовательский интерфейс в Azure Active Directory B2C

Я понимаю, как оформить свою форму входа, но как настроить рабочий процесс, предоставляемый Azure?
В настоящее время форма регистрации выглядит следующим образом:

введите описание изображения здесь

Что действительно нелогично. Текстовые поля под Verificatiecode verzenden (Отправить проверочный код) будут полезны только после того, как код будет получен и заполнен.
Как настроить эту часть для улучшения рабочего процесса:
Add email address -> Send code -> Fill in code and verify --> Fill in additional user details.

Изменить. По рекомендации Брэда я погрузился в Identity Experience Framework. «Устрашающий» фреймворк - это еще не все; (
Я смотрел эти видео: https://www.youtube.com/playlist?list=PL4svy-vB4AaxRunWQkxOe8h3zP9jAzS5Z и выполните шаги, указанные здесь:

Я как раз в том месте, где я хочу только имитировать то, что у меня сейчас есть, используя `` обычные '' пользовательские потоки:

  • Войти через электронную почту
  • Авторизуйтесь через Facebook
  • Войти с помощью Google

Экран входа в систему выглядит так же, у меня есть кнопки электронной почты и пароля, а также кнопки Facebook и Google, но когда я вхожу в систему с помощью Google, я получаю сообщение об ошибке о том, что тип гранта не установлен.
И все это без попытки split.xml.
Я так потерял понимание AAD B2C. Это должно облегчить жизнь разработчикам, но я считаю это очень сложным, трудным для изменения и трудным для получения данных профиля, которые мне нужны, и для их синхронизации.


person Paul Meems    schedule 25.02.2021    source источник


Ответы (1)


Чтобы добиться этого с помощью User Flows, вы должны использовать функции настраиваемого пользовательского интерфейса и Javascript для управления тем, как и когда отображаются эти поля.

https://docs.microsoft.com/en-us/azure/active-directory-b2c/javascript-and-page-layout?pivots=b2c-user-flow#enable-javascript

При желании вы можете провести аналогичный процесс, используя Identity Experience Framework (настраиваемые политики) либо с Javascript, либо с двумя разными Self Asserted профилями для перехода от экрана к экрану.

https://docs.microsoft.com/en-us/azure/active-directory-b2c/custom-policy-trust-frameworks.

Переход с User Flows на Identity Experience Framework может быть пугающим, но он даст вам максимальный контроль над пользовательским интерфейсом.

person Brad C.    schedule 25.02.2021
comment
Спасибо @ brad-c. Мы попробуем и вернемся сюда с результатами. - person Paul Meems; 26.02.2021
comment
Я обновил свой пост. Я попробовал то, что вы предложили, и могу прочитать, что это должно работать, но я не могу даже освоить самые основы, не говоря уже о каких-либо настройках. - person Paul Meems; 18.03.2021
comment
Возможно, вам повезет начать с этого инструмента: aka.ms/iefsetup. В противном случае мы можем попытаться вычислить выяснить, какие проблемы у вас возникли. Вы пытались сначала настроить только потоки пользователей с помощью Javascript? - person Brad C.; 18.03.2021
comment
Спасибо, Брэд, еще раз за быстрый ответ. Я посмотрю на предоставленную вами ссылку. Я не пробовал настраивать поток пользователей с помощью Javascript. Это проще и есть ли у вас рабочий пример? Моя цель состоит в том, чтобы разделить форму регистрации, а также позволить пользователю заполнить адрес электронной почты, если он не передан от социального провайдера. - person Paul Meems; 18.03.2021
comment
Я не пробовал настраивать User Flow, но все может показаться проще, чем Identity Experience Framework. Если в эти выходные у меня будет немного времени, я могу попытаться составить пример того, чего вы пытаетесь достичь, если не опередите меня. - person Brad C.; 18.03.2021
comment
Используя эту настройку, я получаю много настраиваемых политик, которые работают с параметром «Выполнить сейчас» на портале, но я не могу заставить приложение Blazor Wasm их использовать. Он продолжает использовать «старый», который не работает. Я работаю над этим еще целый день (снова) и не добился прогресса, поэтому оставлю это на несколько дней. Мне также не нравится Javascript, поэтому я думаю / надеюсь, что вы меня опередите. - person Paul Meems; 18.03.2021