Contrôle de l’affichage de vérification

Utilisez un contrôle d’affichage de vérification pour vérifier une revendication, par exemple une adresse e-mail ou un numéro de téléphone, avec un code de vérification envoyé à l’utilisateur.

VérificationActions de contrôle

Le contrôle de l’affichage de vérification se compose de deux étapes (actions) :

1. Demandez à l’utilisateur une destination, telle qu’une adresse e-mail ou un numéro de téléphone, à laquelle le code de vérification doit être envoyé. Lorsque l’utilisateur sélectionne le bouton Envoyer le code , l’action SendCode du contrôle d’affichage de vérification est exécutée. L’action SendCode génère un code, construit le contenu à envoyer et l’envoie à l’utilisateur. La valeur de l’adresse peut être préremplie et servir d’authentification à deux facteurs.

   

2. Une fois le code envoyé, l’utilisateur lit le message, entre le code de vérification dans le contrôle fourni par le contrôle d’affichage, puis sélectionne Vérifier le code. En sélectionnant Vérifier le code, l’action VerifyCode est exécutée pour vérifier le code associé à l’adresse. Si l’utilisateur sélectionne Envoyer le nouveau code, la première action est exécutée à nouveau.

   

VérificationÉléments requis pour le contrôle

Le VerificationControl doit contenir les éléments suivants :

• Le type de est .DisplayControlVerificationControl
• DisplayClaims
  • Envoyer à : une ou plusieurs revendications spécifiant l’endroit où envoyer le code de vérification. Par exemple, l’adresse e-mail ou l’indicatif du pays et le numéro de téléphone.
  • Code de vérification : code de vérification revendiqué par l’utilisateur après l’envoi du code. Cette revendication doit être définie comme requis et la ControlClaimType doit être définie sur VerificationCode.
• La revendication de sortie (facultative) doit être renvoyée à la page auto-affirmée une fois que l’utilisateur a terminé le processus de vérification. Par exemple, l’adresse e-mail ou l’indicatif du pays et le numéro de téléphone. Le profil technique auto-affirmé utilise les revendications pour conserver les données ou faire monter en bulle les revendications de sortie vers l’étape d’orchestration suivante.
• Deux Actions avec les noms suivants :
  • SendCode - Envoie un code à l’utilisateur. Cette action contient généralement deux profils techniques de validation, pour générer un code et pour l’envoyer.
  • VerifyCode - Vérifie le code. Cette action contient généralement un seul profil technique de validation.

Dans l’exemple ci-dessous, une zone de texte d’e-mail s’affiche sur la page. Lorsque l’utilisateur entre son adresse e-mail et sélectionne SendCode, l’action SendCode est déclenchée dans le back-end Azure AD B2C.

Ensuite, l’utilisateur entre le verificationCode et sélectionne VerifyCode pour déclencher l’action VerifyCode dans le back-end. Si toutes les validations réussissent, le VerificationControl est considéré comme terminé et l’utilisateur peut passer à l’étape suivante.

<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>