Utilizzare Google reCAPTCHA in un modulo adattivo AEM basato su componenti core using-reCAPTCHA-in-adaptive-forms

Ottieni la coppia di chiavi API reCAPTCHA da Google. Include una chiave del sito e una chiave segreta.

Crea un contenitore di configurazione nell’ambiente AEM Forms as a Cloud Service. Un contenitore di configurazione contiene le configurazioni cloud utilizzate per collegare l’AEM a servizi esterni. Per creare e configurare un Contenitore di configurazione per collegare il tuo ambiente AEM Forms con il servizio reCAPTCHA di Google:

1. Apri la tua istanza di AEM Forms as a Cloud Service.

2. Vai a Strumenti > Generale > Browser configurazioni. Nel Browser configurazioni, puoi effettuare le seguenti operazioni:

3. Seleziona una cartella esistente o creane una. Puoi creare una cartella e abilitare per essa l’opzione Configurazioni cloud o Abilitare l’opzione Configurazioni cloud per una cartella esistente:

   • Per creare una cartella e abilitare l’opzione Configurazioni cloud:

     1. Nel browser configurazioni fare clic su Crea.
     2. Nella finestra di dialogo Crea configurazione, specifica nome, titolo e seleziona l'opzione Configurazioni cloud.
     3. Fai clic su Crea.

   • Per abilitare l’opzione Configurazioni cloud per una cartella esistente:

     1. Nel Browser configurazioni, selezionare la cartella e selezionare Proprietà.
     2. Nella finestra di dialogo Proprietà di configurazione, abilita Configurazioni cloud.
     3. Seleziona Salva e chiudi per salvare la configurazione e uscire dalla finestra di dialogo.

Configurare il Cloud Service:

1. Nell'istanza dell'autore AEM, vai a > Cloud Service e seleziona reCAPTCHA.
2. Seleziona un Contenitore di configurazione, creato o aggiornato nella sezione precedente. Seleziona Crea.
3. Specifica Titolo, Nome, Chiave sito e Chiave segreta per il servizio reCAPTCHA (ottenuto nel passaggio 1). Seleziona Crea.

Una volta configurato, il servizio reCAPTCHA è disponibile per l’utilizzo in un modulo adattivo. Per ulteriori informazioni, vedere utilizzo di Google reCAPTCHA in un modulo adattivo.

Apri la tua istanza di AEM Forms as a Cloud Service.

Vai a Forms > Forms e documenti.

Selezionare un Forms adattivo e selezionare Proprietà. Per l'opzione Contenitore configurazione, selezionare il Contenitore configurazione che contiene la configurazione cloud che connette AEM Forms con il servizio reCAPTCHA di Google, quindi selezionare Salva e chiudi.

Se non disponi di un contenitore di configurazione di questo tipo, consulta la sezione Connettere l'ambiente AEM Forms al servizio reCAPTCHA di Google per scoprire come creare un contenitore di configurazione di questo tipo.

Seleziona un Forms adattivo e seleziona Modifica. Il modulo adattivo si apre nell’editor di Forms adattivo.

Dal browser componenti, trascina il componente Modulo adattivo reCAPTCHA nel Modulo adattivo.

La convalida di Google reCAPTCHA è sensibile al tempo e scade tra circa un paio di minuti. Pertanto, l'Adobe consiglia di inserire il componente reCAPTCHA del modulo adattivo immediatamente prima del pulsante Invia.

Seleziona il componente reCAPTCHA del modulo adattivo e l'icona . Apre la finestra di dialogo delle proprietà. Specifica le seguenti proprietà obbligatorie:

• Nome: È possibile identificare facilmente un componente modulo con il relativo nome univoco sia nel modulo che nell'editor di regole, ma il nome non deve contenere spazi o caratteri speciali.
• Configurazione CAPTCHA: Seleziona una configurazione cloud configurata per visualizzare la finestra di dialogo Google reCAPTCHA per il modulo. Puoi avere più configurazioni cloud nell’ambiente per scopi simili. Quindi, scegli il servizio con attenzione. Se non è elencato alcun servizio, consulta Connettere l'ambiente AEM Forms con il servizio reCAPTCHA di Google per scoprire come creare un Cloud Service che colleghi l'ambiente AEM Forms con il servizio reCAPTCHA di Google.
• Dimensione Captcha: È possibile selezionare la dimensione di visualizzazione della finestra di dialogo di verifica reCAPTCHA di Google. Utilizza l'opzione Compact per visualizzare una finestra di dialogo di verifica Google reCAPTCHA di piccole dimensioni e l'opzione Normal per visualizzare una finestra di dialogo di verifica reCAPTCHA di dimensioni relativamente grandi.

Seleziona Fine.

Ora protetto da reCAPTCHA è visualizzato nel modulo adattivo. Viene visualizzato su tutti i Forms adattivi configurati per utilizzare il servizio Google reCAPTCHA.

Ora, solo i moduli legittimi, in cui la compilazione del modulo risolve con successo la sfida posta dal servizio Google reCAPTCHA, sono consentiti per l’invio.