Show Menu
SUJETS×

Utilisation de CAPTCHA dans les formulaires adaptifs

CAPTCHA (Completely Automated Public Turing test to tell Computers and Humans Apart, Test public de Turing complètement automatique ayant pour but de différencier les humains des ordinateurs) est un programme couramment utilisé dans les transactions en ligne pour différencier les humains des programmes automatisés ou des robots. Cela pose un défi 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. Cela empêche l’utilisateur de continuer si le test échoue et permet de sécuriser les transactions en ligne en empêchant les robots d’envoyer du spam ou des éléments malveillants.
AEM Forms prend en charge CAPTCHA dans les formulaires adaptatifs. Vous pouvez utiliser le service reCAPTCHA de Google pour implémenter CAPTCHA.
  • AEM Forms prend en charge uniquement reCaptcha 2. Toute autre version n’est pas prise en charge.
  • CAPTCHA dans les formulaires adaptatifs n’est pas pris en charge dans le mode hors ligne sur l’application AEM Forms.

Configurer le service ReCAPTCHA par Google

Les auteurs du formulaire peuvent utiliser le service reCAPTCHA de Google pour mettre en place 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 .
Pour mettre en place le service reCAPTCHA dans AEM Forms :
  1. Obtenez la paire de clés API reCAPTCHA auprès de Google. Elle comprend une clé de site et une clé secrète.
  2. Créez un conteneur de configurations pour les services cloud.
    1. Go to Tools > General > Configuration Browser .
    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. Tap Create to create the folder enabled for cloud service configurations.
  3. Configurez le service cloud pour reCAPTCHA.
    1. On your AEM author instance, go to > Cloud Services .
    2. Appuyez sur reCAPTCHA . La page Configurations s’ouvre. Sélectionnez le conteneur de configurations créé à l’étape précédente et appuyez sur Créer .
    3. Specify Name, Site key, and Secret Key for reCAPTCHA service and tap Create to create the cloud service configuration.
    4. Dans cette boîte, spécifiez le site et les clés de site et secrète obtenues à l’étape 1. Tap Save Settings and then tap OK to complete the configuration.
    Une fois que le service reCAPTCHA est configuré, il peut être utilisé dans les formulaires adaptatifs. Pour plus d’informations, voir Utilisation de CAPTCHA dans les formulaires adaptatifs .

Utiliser CAPTCHA dans les formulaires adaptatifs

Pour utiliser CAPTCHA dans les formulaires adaptatifs :
  1. Ouvrez un formulaire adaptatif en mode d’édition.
    Assurez-vous que le conteneur de configurations sélectionné lors de la création d’un formulaire adaptatif contient le service cloud reCAPTCHA. Vous pouvez également modifier les propriétés de formulaire adaptatif pour modifier le conteneur de configurations associé au formulaire.
  2. À partir du navigateur de composant, faites glisser et déposez le composant Captcha sur le formulaire adaptatif.
    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.
    Captcha est sensible au facteur temps et expire dans la minute. Par conséquent, il est recommandé de placer le composant Captcha juste avant le bouton Envoyer dans le formulaire adaptatif.
  3. Select the Captcha component you added and tap to edit its properties.
  4. Indiquez un titre pour le widget CAPTCHA. The default value is Captcha . Sélectionnez Masquer le titre si vous ne voulez pas que le titre apparaisse.
  5. From the Captcha service drop-down, select reCaptcha to enable reCAPTCHA service if you configured it as described in ReCAPTCHA service by Google . Sélectionnez une configuration dans la liste déroulante Paramètres. En outre, sélectionnez la taille Normal ou Compact pour le widget reCAPTCHA.
    Ne sélectionnez pas Par défaut dans le menu déroulant Service Captcha puisque le service par défaut AEM CAPTCHA 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.