Testare reCAPTCHA in un sito web demo

Questo documento mostra come eseguire il deployment di un sito web demo su Google Cloud, ovvero 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.
  • Utilizzare come riferimento per integrare reCAPTCHA nella tua applicazione.
  • Sperimentare 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 Google Cloud progetto, puoi eseguire il deployment di un solo sito web demo alla volta.

Prima di iniziare

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

    Ruoli richiesti per selezionare o creare un progetto

    • Seleziona un progetto: la selezione di un progetto non richiede un ruolo IAM specifico. Puoi selezionare qualsiasi progetto su cui ti è stato concesso un ruolo.
    • Crea un progetto: per creare un progetto, devi disporre del ruolo Autore progetto (roles/resourcemanager.projectCreator), che contiene l' resourcemanager.projects.create autorizzazione. Scopri come concedere i ruoli.

    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 servizi (roles/serviceusage.serviceUsageAdmin), che contiene l'autorizzazione serviceusage.services.enable. Scopri come concedere i ruoli.

    Abilitare l'API

  3. Assicurati di disporre dei seguenti ruoli nel progetto: Amministratore reCAPTCHA Enterprise, Agente reCAPTCHA Enterprise

    Controlla i ruoli

    1. Nella Google Cloud console 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 i gruppi di cui fai parte, contatta l' 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 Google Cloud console 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 aggiuntivo.
    7. Fai clic su Salva.

  4. Se hai già eseguito il deployment di un sito web demo, elimina la chiave demo pertinente.

Eseguire il deployment di un sito web demo

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

    Vai al sito web demo

  2. Nell'elenco Lingua, seleziona una lingua.

    L'intero processo di deployment potrebbe richiedere circa 1 minuto.

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

  4. Per passare 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 in base alle esigenze.

      Le modifiche salvate al codice sorgente vengono ricaricate nel sito web demo.

    Non chiudere l'editor di Cloud Shell perché chiude Cloud Shell e arresta il sito web demo.

Passaggi successivi