Esempi di integrazione con Google Cloud Armor

Questo documento mostra esempi di implementazione delle funzionalità di reCAPTCHA per WAF per Cloud Armor.

Puoi utilizzare una o più funzionalità di reCAPTCHA per WAF in una singola applicazione.

Esempio 1: utilizzo dei token di sessione reCAPTCHA e della pagina di verifica reCAPTCHA

Puoi aggiungere un token di sessione reCAPTCHA alle pagine a cui un utente potrebbe accedere in modo che il cookie venga aggiornato periodicamente, ad esempio una pagina di accesso. Configura una regola dei criteri di sicurezza di Cloud Armor per reindirizzare la richiesta a una pagina di verifica reCAPTCHA quando il punteggio è basso.

La seguente illustrazione mostra un flusso di lavoro che utilizza il token di sessione reCAPTCHA e le funzionalità della pagina di verifica reCAPTCHA:

Esempio 2: utilizzo dei token di azione reCAPTCHA e della pagina della sfida reCAPTCHA

Puoi aggiungere un token di azione reCAPTCHA per proteggere un'azione dell'utente, ad esempio il pagamento. Configura una regola dei criteri di sicurezza di Cloud Armor per reindirizzare la richiesta a una pagina di verifica reCAPTCHA in una delle seguenti condizioni:

• Il punteggio è basso.
• L'attributo action_name del token di azione non corrisponde all'azione utente protetta.

La seguente illustrazione mostra un flusso di lavoro che utilizza il token di azione reCAPTCHA e le funzionalità della pagina di verifica reCAPTCHA:

Il seguente script di esempio mostra come utilizzare un token di azione reCAPTCHA e reindirizzare a una pagina di verifica reCAPTCHA con il token di azione allegato come intestazione:

   <script src="https://www.google.com/recaptcha/enterprise.js?render=ACTION_TOKEN_SITE_KEY"></script>
    <script>
     function onSuccess(token) {
       const xhr = new XMLHttpRequest();
       xhr.open('GET','http://www.example.com/checkout', false);
       xhr.setRequestHeader("X-Recaptcha-Token", token);
       xhr.onreadystatechange = function() {
         // Make sure that the request is finished and response is ready with 200
         if (this.readyState == 4 && this.status == 200) {
           // Display the response, it could be a reCAPTCHA challenge
           // page based on your Cloud Armor security rule settings.
            document.open();
            document.write(xhr.responseText);
            document.close();

         }
       };
       xhr.send(null);
     }

     grecaptcha.enterprise.ready(function () {
       document.getElementById("execute-button").onclick = () => {
         grecaptcha.enterprise.execute('ACTION_TOKEN_SITE_KEY', {
         }).then(onSuccess, onError);
       };
     });
    </script>

Passaggi successivi

• Scopri come implementare le funzionalità WAF di reCAPTCHA con Cloud Armor.
• Scopri di più sulle funzionalità per l'integrazione con i fornitori di servizi WAF.