Verificatie weergave besturingselement

Gebruik een verificatie weergave besturingselement om een claim te verifiëren, bijvoorbeeld een e-mailadres of telefoonnummer, met een verificatiecode die naar de gebruiker wordt verzonden.

VerificationControl-acties

Het verificatie weergave besturingselement bestaat uit twee stappen (acties):

  1. Vraag een bestemming aan bij de gebruiker, zoals een e-mailadres of telefoonnummer, waarnaar de verificatiecode moet worden verzonden. Wanneer de gebruiker de knop Code verzenden selecteert, wordt de actie SendCode van het verificatie weergave besturingselement uitgevoerd. De actie SendCode genereert een code, maakt de inhoud die moet worden verzonden en verzendt deze naar de gebruiker. De waarde van het adres kan vooraf worden ingevuld en werken als een tweede-factor verificatie.

    Voorbeeldpagina van de actie Code verzenden

  2. Nadat de code is verzonden, leest de gebruiker het bericht, geeft de verificatiecode op in het besturingselement van het weergavebeheer en selecteert Code verifiëren. Als u Code verifiëren selecteert, wordt de actie VerifyCode uitgevoerd om de code te verifiëren die aan het adres is gekoppeld. Als de gebruiker Nieuwe code verzenden selecteert, wordt de eerste actie opnieuw uitgevoerd.

    Voorbeeldpagina van de actie Code verifiëren

Vereiste elementen van VerificationControl

De VerificationControl moet de volgende elementen bevatten:

  • Het type DisplayControl is VerificationControl.
  • DisplayClaims
    • Verzenden naar - Een of meer claims die aangeven waar de verificatiecode naartoe moet worden verzonden. Bijvoorbeeld e-mail of landcode en telefoonnummer.
    • Verificatiecode: de verificatiecodeclaim die de gebruiker verstrekt nadat de code is verzonden. Deze claim moet worden ingesteld als vereist en de ControlClaimType claim moet worden ingesteld op VerificationCode.
  • Uitvoerclaim (optioneel) die moet worden geretourneerd naar de zelf-gecontroleerde pagina nadat de gebruiker het verificatieproces heeft voltooid. Bijvoorbeeld e-mail of landcode en telefoonnummer. Het zelf-gecontroleerde technische profiel gebruikt de claims om de gegevens te behouden of de uitvoerclaims door te sturen naar de volgende indelingsstap.
  • Twee Action met de volgende namen:
    • SendCode: verzendt een code naar de gebruiker. Deze actie bevat meestal twee validatie technische profielen om een code te genereren en te verzenden.
    • VerifyCode - Controleert de code. Deze actie bevat meestal één technisch validatieprofiel.

In het onderstaande voorbeeld wordt een e-mailtekstvak weergegeven op de pagina. Wanneer de gebruiker zijn of haar e-mailadres invoert en SendCode selecteert, wordt de actie SendCode geactiveerd in de Azure AD B2C-back-end.

Vervolgens voert de gebruiker de verificationCode in en selecteert VerifyCode om de actie VerifyCode in de back-end te activeren. Als alle validaties zijn geslaagd, wordt verificatiecontrole als voltooid beschouwd en kan de gebruiker doorgaan met de volgende stap.

<DisplayControl Id="emailVerificationControl" UserInterfaceControlType="VerificationControl">
  <DisplayClaims>
    <DisplayClaim ClaimTypeReferenceId="email"  Required="true" />
    <DisplayClaim ClaimTypeReferenceId="verificationCode" ControlClaimType="VerificationCode" Required="true" />
  </DisplayClaims>
  <OutputClaims>
    <OutputClaim ClaimTypeReferenceId="email" />
  </OutputClaims>
  <Actions>
    <Action Id="SendCode">
      <ValidationClaimsExchange>
        <ValidationClaimsExchangeTechnicalProfile TechnicalProfileReferenceId="GenerateOtp" />
        <ValidationClaimsExchangeTechnicalProfile TechnicalProfileReferenceId="SendGrid" />
      </ValidationClaimsExchange>
    </Action>
    <Action Id="VerifyCode">
      <ValidationClaimsExchange>
        <ValidationClaimsExchangeTechnicalProfile TechnicalProfileReferenceId="VerifyOtp" />
      </ValidationClaimsExchange>
    </Action>
  </Actions>
</DisplayControl>