Utilizzare Google reCAPTCHA in un modulo adattivo AEM basato su componenti core

Crea o seleziona un progetto Google Cloud e abilita reCAPTCHA Enterprise API.

Ottieni l'ID progetto e crea una chiave API e una chiave sito per siti Web.

Crea un contenitore di configurazione per i servizi cloud.

1. Vai a Strumenti > Generale > Browser configurazioni.

2. Seleziona una cartella o creane una e abilitala per le configurazioni cloud, come descritto di seguito:

   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 servizio cloud per reCAPTCHA Enterprise.

1. Nell'istanza Autore Experience Manager, vai a > Servizi cloud.
2. Selezionare reCAPTCHA. Viene visualizzata la pagina Configurazioni. Selezionare il contenitore di configurazione creato e selezionare Crea.
3. Seleziona la versione come reCAPTCHA Enterprise e specifica Nome, ID progetto, Chiave sito e Chiave API (ottenuta nel passaggio 2) per il servizio Enterprise reCAPTCHA.
4. Selezionare il tipo di chiave. Il tipo di chiave deve essere uguale alla chiave del sito configurata nel progetto Google Cloud, ad esempio Chiave del sito di checkbox o Chiave del sito basata su punteggio.
5. Specifica un punteggio di soglia compreso tra 0 e 1. I punteggi superiori o uguali ai punteggi di soglia identificano l’interazione umana, altrimenti considerata interazione da bot.
6. Seleziona Crea per creare la configurazione del servizio cloud.

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 connettere 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 l’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.

Configura Cloud Service:

1. Nell'istanza Autore AEM, vai a > Servizi cloud 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 l’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.

NOTE

• La convalida di Google reCAPTCHA è sensibile al tempo e scade tra circa un paio di minuti. Adobe consiglia pertanto 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.

• Titolo: Specificare un titolo per il widget CAPTCHA. Il valore predefinito è Captcha. Selezionare Nascondi titolo se non si desidera visualizzare il titolo. Seleziona Consenti formato RTF per il titolo per modificare il titolo in formato RTF. Puoi anche contrassegnare il titolo come Elemento modulo non associato.

• Configurazione CAPTCHA: Seleziona una configurazione dal menu a discesa Impostazioni per reCAPTCHA Enterprise o reCAPTCHA v2 per visualizzare la finestra di dialogo Google reCAPTCHA per il modulo:

  1. Se si seleziona la versione reCAPTCHA Enterprise, il tipo di chiave può essere di casella di controllo o punteggio basato, si basa sulla selezione quando si configura chiave sito per siti Web:

     NOTE

     • Nella configurazione cloud con tipo chiave come casella di controllo, il messaggio di errore personalizzato viene visualizzato come messaggio in linea se la convalida captcha non riesce.
     • Nella configurazione cloud con tipo chiave come punteggio basato, il messaggio di errore personalizzato viene visualizzato come messaggio popup se la convalida captcha non riesce.

  2. È possibile selezionare le dimensioni come Normale e Compatta.

  NOTE

  • 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.
  Se si seleziona reCAPTCHA v2 versione:

  1. È possibile selezionare la dimensione come Normal o Compact per il widget reCAPTCHA.
  2. È possibile selezionare l'opzione Invisibile per visualizzare la richiesta CAPTCHA solo nel caso di attività sospetta.

Il servizio reCAPTCHA è abilitato nel modulo adattivo. Puoi visualizzare l’anteprima del modulo e vedere il CAPTCHA che funziona. Il badge protetto da reCAPTCHA, visualizzato di seguito, viene visualizzato nei moduli protetti.

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.