在 Azure Active Directory B2C 中自定义用户界面

Question

我了解如何为我的登录表单添加品牌，但如何自定义 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 并按照此处提到的步骤进行操作：

• https://github.com/azure-ad-b2c/azureadb2ccommunity.io/wiki/LocalAndSocialAccount-Sign-In-and-Sign-Up-policy
• https://github.com/azure-ad-b2c/samples/tree/master/policies/split-email-verification-and-signup

我只是想模仿我目前使用“正常”用户流所拥有的内容：

• 使用电子邮件登录
• 使用 Facebook 登录
• 使用 Google 登录

登录屏幕看起来一样，我有电子邮件和密码按钮以及 Facebook 和 Google 按钮，但是当我使用 Google 登录时，我收到关于未设置授权类型的错误。
这一切都无需尝试 split.xml。
我对 AAD B2C 的理解非常迷茫。它应该让开发人员的生活更轻松，但我发现它非常复杂，难以修改，难以获取我需要的配置文件数据并保持数据同步。

Answer 1

为了通过User Flows 实现此目的，您必须使用自定义用户界面功能和 Javascript 来控制这些字段的显示方式和时间。

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

或者，您可以使用带有 Javascript 的 Identity Experience Framework（自定义策略）或使用两个不同的 Self Asserted 配置文件在屏幕之间移动来执行类似的流程。

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

从User Flows 飞跃到Identity Experience Framework 可能会令人生畏，但会让您对用户体验拥有最大的控制权。