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 una delle seguenti lingue: 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

  1. Nella console Google Cloud , nella pagina di selezione del progetto, seleziona o crea un progetto Google Cloud .

    Roles required to select or create a project

    • Select a project: Selecting a project doesn't require a specific IAM role—you can select any project that you've been granted a role on.
    • Create a project: To create a project, you need the Project Creator role (roles/resourcemanager.projectCreator), which contains the resourcemanager.projects.create permission. Learn how to grant roles.

    Vai al selettore di progetti

  2. Abilita l'API reCAPTCHA Enterprise.

    Ruoli richiesti per abilitare le API

    Per abilitare le API, devi disporre del ruolo IAM Amministratore utilizzo dei servizi (roles/serviceusage.serviceUsageAdmin), che include l'autorizzazione serviceusage.services.enable. Scopri come concedere i ruoli.

    Abilitare l'API

  3. Assicurati di disporre dei seguenti ruoli nel progetto: reCAPTCHA Enterprise Admin, reCAPTCHA Enterprise Agent

    Controlla i ruoli

    1. Nella console Google Cloud vai alla pagina IAM.

      Vai a IAM
    2. Seleziona il progetto.

    3. Nella colonna Entità, trova tutte le righe che identificano te o un gruppo di cui fai parte. Per scoprire a quali gruppi appartieni, contatta il tuo amministratore.

    4. Per tutte le righe che ti specificano o ti includono, controlla la colonna Ruolo per verificare se l'elenco dei ruoli include i ruoli richiesti.

    Concedi i ruoli

    1. Nella console Google Cloud vai alla pagina IAM.

      Vai a IAM
    2. Seleziona il progetto.
    3. Fai clic su Concedi l'accesso.

    4. Nel campo Nuove entità, inserisci il tuo identificatore dell'utente. In genere si tratta dell'indirizzo email di un Account Google.

    5. Fai clic su Seleziona un ruolo, quindi cerca il ruolo.
    6. Per concedere altri ruoli, fai clic su Aggiungi un altro ruolo e aggiungi ogni ruolo successivo.
    7. Fai clic su Salva.

  4. Se in precedenza hai implementato un sito web demo, elimina la chiave demo pertinente.

Esegui il deployment di un sito web demo

  1. Nella console Google Cloud , vai alla pagina del sito web demo.

    Vai al sito web demo

  2. Nell'elenco Lingua, seleziona una lingua.

    L'intera procedura di deployment potrebbe richiedere circa un minuto.

  3. Se richiesto, autorizza Cloud Shell a effettuare chiamate utilizzando le tue credenziali.

  4. Per andare alla nuova pagina Dettagli chiave della demo, fai clic su Visualizza sito.

  5. 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.

  6. Per scoprire i pattern per l'integrazione di reCAPTCHA con il tuo sito web, fai clic sugli esempi.

  7. Se vuoi apportare modifiche al sito web demo:

    1. Nella pagina Dettagli chiave, fai clic su Modifica origine.

    2. 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.

Passaggi successivi