DocumentationAEM 6.4Guide de Forms

Utilisation de CAPTCHA dans les formulaires adaptifs using-captcha-in-adaptive-forms

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Créé pour :

  • User
CAUTION
AEM 6.4 a atteint la fin de la prise en charge étendue et cette documentation n’est plus mise à jour. Pour plus d’informations, voir notre période de support technique. Rechercher les versions prises en charge here.

CAPTCHA (Completely Automated Public Turing test to say Computers and Humans apart) est un programme couramment utilisé dans les transactions en ligne pour distinguer les humains des programmes ou robots automatisés. Il pose un problème et évalue la réponse de l’utilisateur pour déterminer s’il s’agit d’un humain ou d’un robot interagissant avec le site. Elle empêche l’utilisateur de procéder si le test échoue et permet de sécuriser les transactions en ligne en empêchant les robots de publier du spam ou des fins malveillantes.

AEM Forms prend en charge CAPTCHA dans les formulaires adaptatifs. Vous pouvez utiliser le service reCAPTCHA de Google pour implémenter CAPTCHA.

NOTE
AEM Forms ne prend en charge que reCaptcha v2. Toute autre version n’est pas prise en charge.
CAPTCHA dans les formulaires adaptatifs n’est pas pris en charge en mode hors ligne sur l’application AEM Forms.

Configuration du service ReCAPTCHA de Google google-recaptcha

Les auteurs de formulaires peuvent utiliser le service reCAPTCHA de Google pour implémenter CAPTCHA dans les formulaires adaptatifs. Il offre des fonctionnalités CAPTCHA avancées pour protéger votre site. Pour plus d’informations sur le fonctionnement de reCAPTCHA, voir Google reCAPTCHA.

recaptcha

Pour mettre en place le service reCAPTCHA dans AEM Forms :

  1. Obtenir paire de clés API reCAPTCHA de Google. Il comprend une clé et un secret de site.

  2. Créez un conteneur de configuration pour les services cloud.

    1. Accédez à Outils > Général > Navigateur de configuration.

    2. Procédez comme suit pour activer le dossier global pour les configurations cloud ou ignorez cette étape pour créer et configurer un autre dossier pour les configurations de service cloud.

      1. Dans le navigateur de configuration, sélectionnez le dossier global et appuyez sur Propriétés.
      2. Dans la boîte de dialogue Propriétés de configuration, activez Configurations cloud.
      3. Appuyez sur Enregistrer et fermer pour enregistrer la configuration et fermer la boîte de dialogue.

    3. Dans le navigateur de configuration, appuyez sur Créer.

    4. Dans la boîte de dialogue Créer une configuration, indiquez un titre pour le dossier et activez Configurations cloud.

    5. Appuyez sur Créer pour créer le dossier activé pour les configurations de service cloud.

  3. Configurez le service cloud pour reCAPTCHA.

    1. Sur votre instance d’auteur AEM, accédez à outils > Cloud Services.
    2. Appuyer reCAPTCHA. La page Configurations s’ouvre. Sélectionnez le conteneur de configuration créé à l’étape précédente et appuyez sur Créer.
    3. Indiquez le nom, la clé de site et la clé secrète pour le service reCAPTCHA, puis appuyez sur Créer pour créer la configuration du service cloud.
    4. Dans cette boîte de dialogue, spécifiez le site et les clés de site et secrète obtenues à l’étape 1. Appuyez sur  Enregistrer les paramètres  puis sur OK  pour terminer la configuration.

    Une fois le service reCAPTCHA configuré, il peut être utilisé dans les formulaires adaptatifs. Pour plus d’informations, voir Utilisation de CAPTCHA dans les formulaires adaptatifs.

Utilisation de CAPTCHA dans les formulaires adaptatifs using-captcha

Pour utiliser CAPTCHA dans les formulaires adaptatifs :

  1. Ouvrez un formulaire adaptatif en mode d’édition.

    note note
    NOTE
    Assurez-vous que le conteneur de configuration sélectionné lors de la création du formulaire adaptatif contient le service cloud reCAPTCHA. Vous pouvez également modifier les propriétés du formulaire adaptatif pour modifier le conteneur de configuration associé au formulaire.

  2. Dans l’explorateur de composants, faites glisser et déposez le composant Captcha sur le formulaire adaptatif.

    note note
    NOTE
    L’utilisation de plusieurs composants Captcha dans un formulaire adaptatif n’est pas prise en charge. En outre, il n’est pas recommandé d’utiliser CAPTCHA dans un panneau marqué pour le chargement différé ou dans un fragment.
    note note
    NOTE
    Captcha est sensible au temps et arrive à expiration dans une minute. Par conséquent, il est recommandé de placer le composant Captcha juste avant le bouton Envoyer dans le formulaire adaptatif.

  3. Sélectionnez le composant Captcha que vous avez ajouté et appuyez sur  cmppr pour modifier ses propriétés.

  4. Indiquez un titre pour le widget CAPTCHA. La valeur par défaut est  Captcha. Sélectionnez Masquer le titre si vous ne voulez pas que le titre apparaisse.

  5. Dans le menu déroulant Service Captcha, sélectionnez reCaptcha pour activer le service reCAPTCHA si vous l’avez configuré comme décrit dans Service ReCAPTCHA de Google. Sélectionnez une configuration dans la liste déroulante Paramètres. Sélectionnez également la taille Normal ou Compact pour le widget reCAPTCHA.

    note note
    NOTE
    Ne pas sélectionner Par défaut dans la liste déroulante Service Captcha , car le service CAPTCHA par défaut AEM est obsolète.

  6. Enregistrez les propriétés.

Le service reCAPTCHA est activé sur le formulaire adaptatif. Vous pouvez prévisualiser le formulaire et voir le fonctionnement de CAPTCHA.

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da