Testare reCAPTCHA in un sito web demo
Questo documento mostra come eseguire il deployment di un sito web demo su Google Cloud, un sito web di esempio integrato con reCAPTCHA, per capire come funziona reCAPTCHA.
Un sito web demo ti aiuta a:
- Comprendere l'esperienza degli utenti con reCAPTCHA.
- Utilizzalo come riferimento per integrare reCAPTCHA nella tua applicazione.
- Sperimenta diversi approcci frontend e backend modificando il codice sorgente dell'applicazione di esempio.
Puoi eseguire il deployment di un sito web demo in uno dei seguenti linguaggi: Java, Node.js o Python.
Per un progetto Google Cloud , puoi eseguire il deployment di un solo sito web demo alla volta.
Prima di iniziare
In the Google Cloud console, on the project selector page, select or create a Google Cloud project.
Enable the reCAPTCHA Enterprise API.
Make sure that you have the following role or roles on the project: reCAPTCHA Enterprise Admin, reCAPTCHA Enterprise Agent
Check for the roles
-
In the Google Cloud console, go to the IAM page.
Go to IAM - Select the project.
-
In the Principal column, find all rows that identify you or a group that you're included in. To learn which groups you're included in, contact your administrator.
- For all rows that specify or include you, check the Role column to see whether the list of roles includes the required roles.
Grant the roles
-
In the Google Cloud console, go to the IAM page.
Vai a IAM - Seleziona il progetto.
- Fai clic su Concedi l'accesso.
-
Nel campo Nuove entità, inserisci il tuo identificatore utente. In genere si tratta dell'indirizzo email di un Account Google.
- Nell'elenco Seleziona un ruolo, seleziona un ruolo.
- Per concedere altri ruoli, fai clic su Aggiungi un altro ruolo e aggiungi ogni ruolo aggiuntivo.
- Fai clic su Salva.
Se in precedenza hai implementato un sito web demo, elimina la chiave demo pertinente.
-
Esegui il deployment di un sito web demo
Nella console Google Cloud , vai alla pagina del sito web demo.
Nell'elenco Lingua, seleziona una lingua.
L'intera procedura di deployment potrebbe richiedere circa un minuto.
Se richiesto, autorizza Cloud Shell a effettuare chiamate utilizzando le tue credenziali.
Per andare alla nuova pagina Dettagli chiave della demo, fai clic su Visualizza sito.
Per visualizzare il sito web demo, nella scheda Frontend, fai clic su Visualizza pagina web di esempio.
Il sito web demo si apre in una scheda separata.
Per scoprire i pattern per l'integrazione di reCAPTCHA con il tuo sito web, fai clic sugli esempi.
Se vuoi apportare modifiche al sito web demo:
- Nella pagina Dettagli chiave, fai clic su Modifica origine.
Nell'editor di Cloud Shell, individua i file richiesti in Explorer e modificali come richiesto.
Le modifiche salvate al codice sorgente vengono ricaricate nel sito web demo.
Non chiudere l'editor di Cloud Shell perché chiude Cloud Shell e interrompe il sito web demo.