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

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 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 le navigateur de configuration, cliquez sur Créer.
     2. Dans la boîte de dialogue Créer une configuration, indiquez le nom et le titre, puis sélectionnez le 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 sélectionnez Propriétés.
     2. Dans la boîte de dialogue Propriétés de configuration, activez Configurations cloud.
     3. Sélectionner Enregistrer et fermer pour enregistrer la configuration et quitter la boîte de dialogue.

Configurez le Cloud Service :

1. Sur votre instance d’auteur AEM, accédez à > 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écifier Titre, Nom, Clé du site, et Clé secrète pour le service reCAPTCHA (obtenu à l’étape 1). Sélectionnez Créer.

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.

Ouvrez votre instance AEM Forms as a Cloud Service.

Accédez à Forms > Forms et documents.

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

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

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

Dans l’explorateur de composants, faites glisser et déposez le composant reCAPTCHA du formulaire adaptatif 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 la variable reCAPTCHA du formulaire adaptatif juste avant le composant Envoyer bouton .

Sélectionnez la variable reCAPTCHA du formulaire adaptatif et sélectionnez les propriétés Icône Elle ouvre la boîte de dialogue des propriétés. Spécifiez les propriétés obligatoires suivantes :

• Nom: Vous pouvez identifier facilement 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 de 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é, voir Connectez 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 de Google.
• Taille du captcha : Vous pouvez sélectionner la taille d’affichage de la boîte de dialogue de défi Google reCAPTCHA. Utilisez la variable Compact pour afficher une petite taille et la variable Normal pour afficher une boîte de dialogue de défi Google reCAPTCHA de taille relativement importante.

Sélectionnez Terminé.

Maintenant, 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.