Utilisation de Google reCAPTCHA dans un formulaire adaptatif AEM basé sur les composants principaux using-reCAPTCHA-in-adaptive-forms

Application
Lien de l’article
Formulaire adaptatif basé sur les composants principaux
Cet article
Formulaire adaptatif basé sur des composants de base
Cliquez ici

CAPTCHA (Completely Automated Public Turing test to tell Computers and Humans Apart, Test public de Turing complètement automatisé ayant pour but de différencier les personnes humaines des ordinateurs) est un programme couramment utilisé dans les transactions en ligne pour différencier les personnes humaines des programmes automatisés ou des robots. Il présente un test et évalue la réponse de l’utilisateur ou de l’utilisatrice pour déterminer s’il s’agit d’une personne humaine ou d’un robot qui interagit avec le site. Cela empêche l’utilisateur ou l’utilisatrice 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 as a Cloud Service prend en charge les solutions CAPTCHA suivantes :

Connectez votre environnement AEM Forms avec le service reCAPTCHA de Google connect-your-forms-environment-with-recaptcha-service-by-google

Les auteurs de formulaires peuvent utiliser le service reCAPTCHA de Google pour implémenter reCAPTCHA dans les Forms adaptatifs. Il offre des fonctionnalités avancées de CAPTCHA pour protéger votre site. Pour plus d’informations sur le fonctionnement de reCAPTCHA, consultez Google reCAPTCHA. AEM Forms as a Cloud Service prend en charge Google reCAPTCHA v2 dans Adaptive Forms. Vous pouvez l’utiliser pour présenter un défi CAPTCHA lors de l’envoi du formulaire. Pour connecter votre environnement AEM Forms avec le service reCAPTCHA de Google

  1. Obtenir la paire de clés de l’API reCAPTCHA de Google. Elle comprend une clé de site et une clé secrète.

    Créez une configuration Google reCAPTCHA du site web Google pour obtenir les clés reCAPTCHA

  2. Créez un conteneur de configuration sur votre environnement as a Cloud Service AEM Forms. Un conteneur de configuration contient les configurations cloud utilisées pour se connecter AEM aux services externes. Pour créer et configurer un conteneur de configuration afin de connecter votre environnement AEM Forms au service reCAPTCHA par Google :

    1. Ouvrez votre instance AEM Forms as a Cloud Service.

    2. Accédez à Outils > Général > Navigateur de configuration. Dans l’explorateur de configurations, vous pouvez :

    3. Sélectionnez un dossier existant ou créez-en un. Vous pouvez créer un dossier et activer l’option Configurations du cloud pour celui-ci ou Activer l’option Configurations du cloud pour un dossier existant :

      • Pour créer un dossier et activer l’option Configurations du cloud :

        1. Dans l’explorateur de configurations, cliquez sur Créer.
        2. Dans la boîte de dialogue Créer une configuration, spécifiez le nom, le titre et sélectionnez l’option Configurations du cloud.
        3. Cliquez sur Créer.
      • Pour activer l’option Configurations du cloud pour un dossier existant :

        1. Dans l’explorateur de configurations, sélectionnez le dossier, puis Propriétés.
        2. Dans la boîte de dialogue Propriétés de configuration, activez Configurations cloud.
        3. Sélectionnez Enregistrer et fermer pour enregistrer la configuration et fermer la boîte de dialogue.
  3. Configurez le Cloud Service :

    1. Sur votre instance d’auteur AEM, accédez à tools-1 > Cloud Service et sélectionnez reCAPTCHA.
    2. Sélectionnez un conteneur de configuration, créé ou mis à jour dans la section précédente. Sélectionnez Créer.
    3. Spécifiez Title, Name, Site Key et Secret Key pour le service reCAPTCHA (Obtenu à l’étape 1). Sélectionnez Créer.

    Configurez le Cloud Service pour connecter votre environnement AEM Forms avec le service reCAPTCHA par Google

    Une fois le service reCAPTCHA configuré, il peut être utilisé dans un formulaire adaptatif. Pour plus d’informations, voir Utilisation de Google reCAPTCHA dans un formulaire adaptatif.

Utiliser Google reCAPTCHA dans un formulaire adaptatif using-reCAPTCHA

Pour utiliser reCAPTCHA dans Adaptive Forms :

  1. Ouvrez votre instance AEM Forms as a Cloud Service.

  2. Accédez à Forms > Forms and Documents.

  3. Sélectionnez une Forms adaptative et sélectionnez Propriétés. Pour l’option Conteneur de configuration, sélectionnez le Conteneur de configuration contenant la configuration de cloud qui connecte AEM Forms au service reCAPTCHA par Google et sélectionnez Enregistrer et fermer.

    Si vous ne disposez pas d’un conteneur de configuration de ce type, reportez-vous à la section Connexion de votre environnement AEM Forms avec le service reCAPTCHA de Google pour savoir comment créer un tel conteneur de configuration.

    Sélectionner Conteneur de configuration

  4. Sélectionnez une Forms adaptative et sélectionnez Modifier. Le formulaire adaptatif s’ouvre dans l’éditeur de Forms adaptatif.

  5. A partir de l’explorateur de composants, faites glisser le composant Adaptive Form reCAPTCHA sur le formulaire adaptatif.

    La validation de Google reCAPTCHA est sensible au temps et expire dans environ deux minutes. Par conséquent, Adobe recommande de placer le composant reCAPTCHA de formulaire adaptatif juste avant le bouton Envoyer .

  6. Sélectionnez le composant Adaptive Form reCAPTCHA et sélectionnez l’icône de propriétés Icône Propriétés . Elle ouvre la boîte de dialogue des propriétés. Spécifiez les propriétés obligatoires suivantes :

    • Nom : Vous pouvez facilement identifier un composant de formulaire avec son nom unique dans le formulaire et dans l’éditeur de règles, mais le nom ne doit pas contenir d’espaces ni de caractères spéciaux.
    • Configuration CAPTCHA : Sélectionnez une configuration cloud configurée pour présenter la boîte de dialogue Google reCAPTCHA pour le formulaire. Vous pouvez avoir plusieurs configurations de cloud dans votre environnement à des fins similaires. Choisissez donc le service avec soin. Si aucun service n’est répertorié, reportez-vous à la section Connexion de votre environnement AEM Forms avec le service reCAPTCHA de Google pour savoir comment créer un Cloud Service qui connecte votre environnement AEM Forms au service reCAPTCHA par Google.
    • Taille du captcha : Vous pouvez sélectionner la taille d’affichage de la boîte de dialogue de défi Google reCAPTCHA. Utilisez l’option Compact pour afficher une petite taille et l’option Normale pour afficher une boîte de dialogue de défi Google reCAPTCHA de taille relativement importante.
  7. Sélectionnez Terminé.

    Désormais, le protégé par reCAPTCHA s’affiche sur votre formulaire adaptatif. Il s’affiche sur toutes les Forms adaptatives configurées pour utiliser le service Google reCAPTCHA.

    Désormais, seuls les formulaires légitimes, dans lesquels l’utilisateur réussit à résoudre le problème posé par le service Google reCAPTCHA, sont autorisés à être envoyés.
    Badge protégé par reCAPTCHA de Google

Questions fréquentes

Q : Puis-je utiliser plusieurs composants Captcha dans un formulaire adaptatif ?
Réponse : 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 le composant Captcha dans un fragment ou un panneau marqué pour le chargement différé.

Voir également see-also

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab