Aggiungere Google reCAPTCHA ai moduli nell’editor universale
Google reCAPTCHA aiuta a proteggere i moduli distinguendo tra utenti umani e bot automatizzati. Edge Delivery Services Forms supporta solo reCAPTCHA Enterprise con chiavi del sito basate su punteggi. Questa guida spiega come configurare questa protezione per i moduli in Universal Editor.
Obiettivi:
- Configurare reCAPTCHA Enterprise con una chiave del sito basata su punteggio
- Aggiungere reCAPTCHA ai moduli
- Convalidare e testare l’implementazione
- Monitorare e ottimizzare le prestazioni
Prerequisiti
Prima di iniziare, assicurati di disporre dei seguenti prerequisiti:
Requisiti di accesso
- Accesso all’authoring di AEM as a Cloud Service
- Accesso all’editor universale con autorizzazioni di modifica dei moduli
Requisiti tecnici
- Account Google attivo
- Progetto Google Cloud Platform con fatturazione abilitata
- Verifica della proprietà del dominio per i moduli
Requisiti di conoscenza
- Informazioni di base su AEM Forms e l’editor universale
- Familiarità con le configurazioni del servizio cloud
- Informazioni sui concetti di sicurezza dei moduli
Perché utilizzare reCAPTCHA nei moduli?
reCAPTCHA Enterprise valuta le interazioni degli utenti per proteggere i moduli dallo spam e dall’abuso automatizzato. Google documenta le seguenti funzionalità:
Prezzi, quote e supporto: I costi dipendono dal livello di servizio e dal volume di valutazione di Google. L’utilizzo è soggetto a quote di Google, non illimitate. Per informazioni sui prezzi, i requisiti di abbonamento e le opzioni di supporto correnti, vedere Dettagli livello di Google. Google elenca l’assistenza clienti su tutti i suoi livelli e la gestione degli account dedicati per il suo livello Enterprise.
Configurare reCAPTCHA Enterprise
Requisiti:
- Progetto Google Cloud con fatturazione abilitata
- ID progetto (dalla dashboard GCP)
- Verifica del dominio per i moduli
- Accesso amministratore a GCP e AEM
Configurazione:
-
Crea o seleziona un progetto Google Cloud.
- Passa alla console di Google Cloud.
- Crea un nuovo progetto o selezionane uno esistente.
- Prendi nota dell’ID del progetto.
-
Abilita API reCAPTCHA Enterprise.
- Passa a API e servizi > Libreria.
- Cerca “API reCAPTCHA Enterprise”.
- Fai clic su Abilita.
-
Crea le credenziali API.
- Passa a API e servizi > Credenziali.
- Fai clic su Crea credenziali > Chiave API.
- Copia e memorizza la chiave API.
-
Crea la chiave del sito.
- Vai a Sicurezza > Difesa dalle frodi > Chiavi
- Fare clic su Crea chiave e selezionare Web come tipo di applicazione
- Aggiungi i tuoi domini.
- Fare clic su Passaggio successivo (facoltativo) per aprire le impostazioni aggiuntive
- Conserva: utilizzerai le sfide? disattivato per creare una chiave del sito basata su punteggio
- Fai clic su Crea chiave e copia la chiave del sito
Checkpoint di convalida: assicurati di disporre di:
- ID progetto
- Chiave API
- Chiave sistema
- Dominio verificato in Google Cloud
Figura: abilitazione delle configurazioni cloud per il contenitore di moduli
Configurazione:
-
Accedi al browser di configurazione
- Accedi all’istanza di authoring di AEM.
- Passare a Strumenti > Generale > Browser di configurazione
-
Abilitare configurazioni cloud
- Individuare il contenitore di configurazione del modulo
- Selezionare le proprietà
- Controllare le configurazioni cloud
- Fare clic su Salva e chiudi
-
Verifica la configurazione.
- Confermare che “Configurazioni cloud” sia visualizzato nelle proprietà del contenitore
Punto di controllo di convalida:
- Configurazioni cloud abilitate per il contenitore
- Il contenitore viene visualizzato nel browser di configurazione
- Le proprietà mostrano “Configurazioni cloud” come abilitato
Schermata di configurazione di
Figura: interfaccia di configurazione Enterprise reCAPTCHA in AEM
Configurazione:
-
Accedere alla configurazione reCAPTCHA
- Passa a Strumenti > Servizi cloud > reCAPTCHA.
- Seleziona il contenitore di configurazione del modulo.
- Fai clic su Crea.
-
Configurare le impostazioni Enterprise
- Titolo: nome descrittivo (ad esempio, “Produzione reCAPTCHA”)
- Nome: nome del sistema (generato automaticamente o personalizzato)
- Versione: seleziona ReCAPTCHA Enterprise
- ID progetto: immetti l’ID del progetto Google Cloud
- Chiave del sito: immetti la chiave del sito da Google Cloud
- Chiave API: immetti la chiave API di Google Cloud
- Tipo di chiave: seleziona la chiave del sito basata sul punteggio
-
Imposta la soglia di sicurezza
-
Punteggio della soglia: imposta tra 0,0 e 1,0
-
Valori consigliati:
- 0,7-0,9: sicurezza alta (può bloccare alcuni utenti legittimi)
- 0,5-0,7: sicurezza bilanciata (consigliata)
- 0,1-0,5: sicurezza ridotta (consente a più utenti)
-
-
Salva e pubblica
- Fai clic su Crea per salvare la configurazione
- Fai clic su Pubblica per renderla disponibile
Punto di controllo per la convalida:
- Configurazione salvata correttamente
- Tutti i campi obbligatori completati
- Configurazione pubblicata e visibile
- Nessun messaggio di errore
Aggiungere reCAPTCHA a un modulo
Dopo aver configurato il servizio reCAPTCHA, aggiungi la protezione al modulo come segue:
Figura: aggiunta del componente Captcha invisibile al modulo
Passa al modulo in AEM Sites e fai clic su Modifica per aprirlo nell’editor universale. Attendi il caricamento dell’editor.
- Passa al modulo in AEM Sites.
- Fai clic su Modifica per aprirlo nell’editor universale.
- Attendi il caricamento dell’editor
Nella struttura del contenuto (pannello a sinistra), individua la sezione Modulo adattivo ed espandi la struttura del modulo per visualizzare i punti di inserimento.
- Nella struttura del contenuto (pannello a sinistra), individua la sezione Modulo adattivo.
- Espandi la struttura del modulo per visualizzare i punti di inserimento.
Aggiungi al modulo il componente captcha (invisibile).
- Fai clic sull’icona Aggiungi (+) nella sezione del modulo.
- Dall’elenco dei componenti, seleziona Captcha (invisibile).
- In alternativa, trascina il componente dal pannello Componenti.
Seleziona il componente captcha appena aggiunto e verifica che utilizzi la configurazione reCAPTCHA che hai creato.
- Seleziona il componente Captcha appena aggiunto.
- Nel pannello Proprietà, verifica che utilizzi la configurazione reCAPTCHA precedentemente salvata.
- Non è necessaria alcuna configurazione aggiuntiva per la configurazione di base.
Pubblica le modifiche e verifica che non vi siano errori.
- Fai clic su Pubblica nell’editor universale.
- Attendi la conferma.
- Verifica che non vengano visualizzati errori.
Verificare l’implementazione
Il modulo protetto è ora disponibile all’indirizzo:
https://<branch>--<repo>--<owner>.aem.live/content/forms/af/
<form-name>
URL di esempio:
https://main--my-forms--company.aem.live/content/forms/af/
contact-us-form