Inizia a utilizzare App Check con reCAPTCHA Enterprise nelle app Web

Questa pagina mostra come abilitare App Check in un'app Web utilizzando il provider reCAPTCHA Enterprise. Quando abiliti App Check, contribuisci a garantire che solo la tua app possa accedere alle risorse Firebase del tuo progetto. Visualizza una panoramica di questa funzionalità.

Tieni presente che App Check utilizza chiavi del sito basate sul punteggio reCAPTCHA Enterprise, che lo rendono invisibile agli utenti. Il fornitore reCAPTCHA Enterprise non richiederà agli utenti di risolvere una sfida in nessun momento.

Se desideri utilizzare App Check con il tuo provider personalizzato, consulta Implementare un provider App Check personalizzato .

1. Configura il tuo progetto Firebase

  1. Aggiungi Firebase al tuo progetto JavaScript se non l'hai già fatto.

  2. Apri la sezione reCAPTCHA Enterprise della console Cloud ed effettua le seguenti operazioni:

    1. Se ti viene richiesto di abilitare l'API reCAPTCHA Enterprise, fallo.
    2. Crea una chiave di tipo sito web . Dovrai specificare i domini su cui ospiti la tua app Web. Lascia deselezionata l'opzione "Utilizza verifica casella di controllo" .

  3. Registra le tue app per utilizzare App Check con il provider reCAPTCHA Enterprise nella sezione App Check della console Firebase. Dovrai fornire la chiave del sito ottenuta nel passaggio precedente.

    In genere devi registrare tutte le app del tuo progetto perché, una volta abilitata l'applicazione per un prodotto Firebase, solo le app registrate potranno accedere alle risorse backend del prodotto.

  4. Facoltativo : nelle impostazioni di registrazione dell'app, imposta un time-to-live (TTL) personalizzato per i token App Check emessi dal provider. È possibile impostare il TTL su qualsiasi valore compreso tra 30 minuti e 7 giorni. Quando si modifica questo valore, tenere presente i seguenti compromessi:

    • Sicurezza: TTL più brevi forniscono una maggiore sicurezza, perché riducono la finestra in cui un token trapelato o intercettato può essere abusato da un utente malintenzionato.
    • Prestazioni: TTL più brevi indicano che l'app eseguirà l'attestazione con maggiore frequenza. Poiché il processo di attestazione dell'app aggiunge latenza alle richieste di rete ogni volta che viene eseguito, un TTL breve può influire sulle prestazioni dell'app.
    • Quota e costo: TTL più brevi e frequenti riattestazioni riducono la quota più rapidamente e, per i servizi a pagamento, potenzialmente costano di più. Vedi Quote e limiti .

    Il TTL predefinito di 1 ora è ragionevole per la maggior parte delle app. Tieni presente che la libreria App Check aggiorna i token a circa la metà della durata TTL.

2. Aggiungi la libreria App Check alla tua app

Aggiungi Firebase alla tua app Web se non l'hai già fatto. Assicurati di importare la libreria App Check.

3. Inizializza Controllo app

Aggiungi il seguente codice di inizializzazione alla tua applicazione prima di accedere a qualsiasi servizio Firebase. Dovrai passare la chiave del sito reCAPTCHA Enterprise, che hai creato nella console Cloud, per activate() .

Web modular API

import { initializeApp } from "firebase/app";
import { initializeAppCheck, ReCaptchaEnterpriseProvider } from "firebase/app-check";

const app = initializeApp({
  // Your Firebase configuration object.
});

// Create a ReCaptchaEnterpriseProvider instance using your reCAPTCHA Enterprise
// site key and pass it to initializeAppCheck().
const appCheck = initializeAppCheck(app, {
  provider: new ReCaptchaEnterpriseProvider(/* reCAPTCHA Enterprise site key */),
  isTokenAutoRefreshEnabled: true // Set to true to allow auto-refresh.
});

Web namespaced API

firebase.initializeApp({
  // Your Firebase configuration object.
});

// Create a ReCaptchaEnterpriseProvider instance using your reCAPTCHA Enterprise
// site key and pass it to activate().
const appCheck = firebase.appCheck();
appCheck.activate(
  new firebase.appCheck.ReCaptchaEnterpriseProvider(
    /* reCAPTCHA Enterprise site key */
  ),
  true // Set to true to allow auto-refresh.
);

Prossimi passi

Una volta installata la libreria App Check nella tua app, distribuiscila.

L'app client aggiornata inizierà a inviare token App Check insieme a ogni richiesta effettuata a Firebase, ma i prodotti Firebase non richiederanno che i token siano validi finché non abiliti l'applicazione nella sezione App Check della console Firebase.

Monitorare le metriche e abilitare l'applicazione

Prima di abilitare l'applicazione, tuttavia, dovresti assicurarti che ciò non interrompa gli utenti legittimi esistenti. D'altro canto, se noti un utilizzo sospetto delle risorse dell'app, potresti voler abilitare l'applicazione prima.

Per aiutarti a prendere questa decisione, puoi esaminare le metriche di App Check per i servizi che utilizzi:

Abilita l'applicazione di App Check

Una volta compreso l'effetto di App Check sui tuoi utenti e quando sei pronto per procedere, puoi abilitare l'applicazione di App Check:

Utilizza App Check negli ambienti di debug

Se, dopo aver registrato l'app per App Check, desideri eseguire l'app in un ambiente che App Check normalmente non classificherebbe come valido, ad esempio localmente durante lo sviluppo o da un ambiente di integrazione continua (CI), puoi creare una build di debug della tua app che utilizza il provider di debug App Check anziché un vero provider di attestazione.

Vedere Utilizzare App Check con il provider di debug nelle app Web .

Nota sui costi

App Check crea una valutazione per tuo conto per convalidare il token di risposta dell'utente ogni volta che un browser che esegue la tua app Web aggiorna il token App Check. Al tuo progetto verrà addebitato ogni valutazione creata al di sopra della quota gratuita. Consulta i prezzi di reCAPTCHA Enterprise per i dettagli.

Per impostazione predefinita, l'app Web aggiornerà questo token due volte ogni ora . Per controllare la frequenza con cui la tua app aggiorna i token App Check (e quindi la frequenza con cui vengono create nuove valutazioni), configura il relativo TTL .