自定义策略的 Azure AD B2C UI 自定义

Question

我如何将自己设计的 UI 用于 Azure AD B2C 自定义策略。 我将此示例用于自定义策略。

Answer 1

内容定义使自定义流能够引用自定义页面。

例如，如果您要为注册或登录步骤显示自定义页面，则必须设置api.signuporsignin ContentDefinition元素的LoadUri属性，如下所示：

<BuildingBlocks>
  <ContentDefinitions>
    <ContentDefinition Id="api.signuporsignin">
      <LoadUri>https://contoso.blob.core.windows.net/templates/unified.html</LoadUri>
      <RecoveryUri>~/common/default_page_error.html</RecoveryUri>
      <DataUri>urn:com:microsoft:aad:b2c:elements:unifiedssp:1.0.0</DataUri>
      <Metadata>
        <Item Key="DisplayName">Signin and Signup</Item>
      </Metadata>
    </ContentDefinition>
  </ContentDefinitions>
</BuildingBlocks>

请注意，注册或登录步骤引用了api.signuporsignin内容定义，如下所示：

<UserJourneys>
  <UserJourney>
    <OrchestrationSteps>
      <OrchestrationStep Order="1" Type="CombinedSignInAndSignUp" ContentDefinitionReferenceId="api.signuporsignin">

有关内容定义的更多信息，请参阅此参考文章。