Utiliser reCAPTCHA dans les Forms adaptatives using-reCAPTCHA-in-adaptive-forms

Créez ou sélectionnez un projet Google Cloud et activez reCAPTCHA Enterprise API.

Procurez-vous l’ ID de projet et créez une clé d’API et une clé de site pour les sites web.

Créez un conteneur de configurations pour les services cloud.

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

2. Sélectionnez un dossier ou créez-en un, puis activez le dossier pour les configurations cloud en procédant comme suit :

   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.

Configurez le service cloud pour reCAPTCHA Enterprise.

1. Sur votre instance de création Experience Manager, accédez à > Cloud Services.
2. Sélectionnez reCAPTCHA. La page de configuration s’ouvre. Sélectionnez le conteneur de configuration que vous avez créé et sélectionnez Créer.
3. Sélectionnez la version reCAPTCHA Enterprise et spécifiez le nom, l’ID de projet, la clé du site et la clé API (Obtenu à l’étape 2) pour le service d’entreprise reCAPTCHA.
4. Sélectionnez le type de clé, le type de clé doit être identique à la clé de site que vous avez configurée dans le projet Google Cloud, par exemple, Cochez la clé de site ou Clé de site basée sur le score.
5. Spécifiez un score seuil compris entre 0 et 1. Les scores supérieurs ou égaux aux scores de seuil indiquent une interaction humaine, sinon il s’agit d’une interaction avec un robot.
6. Sélectionnez Créer pour créer la configuration du service cloud.

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 configurations pour les services cloud.

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

2. Sélectionnez un dossier ou créez-en un, puis activez le dossier pour les configurations cloud en procédant comme suit :

   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.

Configurez le service cloud pour reCAPTCHA v2.

1. Sur votre instance de création AEM, accédez à > Services cloud.
2. Sélectionnez reCAPTCHA. La page de configuration s’ouvre. Sélectionnez le conteneur de configuration que vous avez créé et sélectionnez Créer.
3. Sélectionnez la version reCAPTCHA v2 , spécifiez le nom, la clé du site et la clé secrète pour le service reCAPTCHA (Obtenu à l’étape 1) et sélectionnez 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 secrètes obtenues à l’étape 1. Sélectionnez Enregistrer les paramètres puis OK pour terminer la configuration.

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

Ouvrez un formulaire adaptatif en mode d’édition.

À partir du navigateur du composant, faites glisser et déposez le composant Captcha sur le formulaire adaptatif.

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

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.

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 pour reCAPTCHA Enterprise ou reCAPTCHA v2

1. Si vous sélectionnez la version reCAPTCHA Enterprise, le type de clé peut être checkbox ou score basé sur. Il est basé sur votre sélection lorsque vous configurez la clé de site pour les sites Web :

1. Vous pouvez sélectionner la taille normale et la taille compacte.
2. Vous pouvez sélectionner une référence de liaison, dans référence de liaison les données envoyées sont des données liées, sinon il s’agit de données non liées. Vous trouverez ci-dessous des exemples XML de données non liées et de données liées (avec une référence de liaison telle que SSN), respectivement, lorsqu’un formulaire est soumis.

        <?xml version="1.0" encoding="UTF-8" standalone="no"?>
        <afData>
        <afUnboundData>
            <data>
                <captcha16820607953761>
                    <captchaType>reCaptchaEnterprise</captchaType>
                    <captchaScore>0.9</captchaScore>
                </captcha16820607953761>
            </data>
        </afUnboundData>
        <afBoundData>
            <Root
                xmlns:xfa="http://www.xfa.org/schema/xfa-data/1.0/"
                xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
                <PersonalDetails>
                    <SSN>371237912</SSN>
                    <FirstName>Sarah </FirstName>
                    <LastName>Smith</LastName>
                </PersonalDetails>
                <OtherInfo>
                    <City>California</City>
                    <Address>54 Residency</Address>
                    <State>USA</State>
                    <Zip>123112</Zip>
                </OtherInfo>
            </Root>
        </afBoundData>
        <afSubmissionInfo>
            <stateOverrides/>
            <signers/>
            <afPath>/content/dam/formsanddocuments/captcha-form</afPath>
            <afSubmissionTime>20230608034928</afSubmissionTime>
        </afSubmissionInfo>
        </afData>

        <?xml version="1.0" encoding="UTF-8" standalone="no"?>
        <afData>
        <afUnboundData>
            <data/>
        </afUnboundData>
        <afBoundData>
            <Root
                xmlns:xfa="http://www.xfa.org/schema/xfa-data/1.0/"
                xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
                <PersonalDetails>
                    <SSN>
                        <captchaType>reCaptchaEnterprise</captchaType>
                        <captchaScore>0.9</captchaScore>
                    </SSN>
                    <FirstName>Sarah</FirstName>
                    <LastName>Smith</LastName>
                </PersonalDetails>
                <OtherInfo>
                    <City>California</City>
                    <Address>54 Residency</Address>
                    <State>USA</State>
                    <Zip>123112</Zip>
                </OtherInfo>
            </Root>
        </afBoundData>
        <afSubmissionInfo>
            <stateOverrides/>
            <signers/>
            <afPath>/content/dam/formsanddocuments/captcha-form</afPath>
            <afSubmissionTime>20230608035111</afSubmissionTime>
        </afSubmissionInfo>
        </afData>

Si vous sélectionnez la version reCAPTCHA v2 :

1. Vous pouvez sélectionner la taille Normal ou Compact pour le widget reCAPTCHA.
2. Vous pouvez sélectionner l'option Invisible pour afficher le défi CAPTCHA uniquement en cas d'activité suspecte.

Le service reCAPTCHA est activé sur le formulaire adaptatif. Vous pouvez prévisualiser le formulaire et voir CAPTCHA fonctionner. Le badge protégé par reCAPTCHA, affiché ci-dessous, s’affiche sur les formulaires protégés.

Enregistrez les propriétés.