Questa pagina mostra come attivare App Check in un'app web, utilizzando le impostazioni Provider App Check. Se attivi App Check, contribuisci a garantire che solo la tua app possa accedere alle risorse Firebase del tuo progetto.
Se vuoi utilizzare App Check con uno dei provider integrati, consulta la documentazione relativa a App Check con reCAPTCHA Enterprise.
Prima di iniziare
Aggiungi Firebase al tuo progetto JavaScript, se non lo hai già fatto.
Implementa la logica lato server del tuo provider App Check personalizzato.
1. Aggiungi la raccolta App Check alla tua app
Aggiungi Firebase alla tua applicazione web, se non l'hai ancora fatto. Assicurati di importare la libreria App Check.
2. Crea l'oggetto provider App Check
Crea un oggetto provider App Check per il tuo provider personalizzato. Questo oggetto
deve disporre di un metodo getToken()
, che raccoglie tutte le informazioni
App Check fornitore richiede una prova di autenticità e la invia al tuo
servizio di acquisizione di token in cambio di un token App Check. La
L'SDK App Check gestisce la memorizzazione nella cache dei token, quindi ottieni sempre un nuovo token nel tuo
implementazione di getToken()
.
Web
import { CustomProvider } from "firebase/app-check"; const appCheckCustomProvider = new CustomProvider({ getToken: () => { return new Promise((resolve, _reject) => { // TODO: Logic to exchange proof of authenticity for an App Check token and // expiration time. // ... const appCheckToken = { token: tokenFromServer, expireTimeMillis: expirationFromServer * 1000 }; resolve(appCheckToken); }); } });
Web
const appCheckCustomProvider = { getToken: () => { return new Promise((resolve, _reject) => { // TODO: Logic to exchange proof of authenticity for an App Check token and // expiration time. // ... const appCheckToken = { token: tokenFromServer, expireTimeMillis: expirationFromServer * 1000 }; resolve(appCheckToken); }); } };
3. Inizializza App Check
Aggiungi il seguente codice di inizializzazione alla tua applicazione prima di accedere a qualsiasi servizio Firebase:
Web
import { initializeApp } from "firebase/app"; import { initializeAppCheck } from "firebase/app-check"; const app = initializeApp({ // Your firebase configuration object }); const appCheck = initializeAppCheck(app, { provider: appCheckCustomProvider, // Optional argument. If true, the SDK automatically refreshes App Check // tokens as needed. isTokenAutoRefreshEnabled: true });
Web
firebase.initializeApp({ // Your firebase configuration object }); const appCheck = firebase.appCheck(); appCheck.activate( appCheckCustomProvider, // Optional argument. If true, the SDK automatically refreshes App Check // tokens as needed. true);
Passaggi successivi
Dopo aver installato la libreria App Check nell'app, esegui il deployment.
L'app client aggiornata inizierà a inviare App Check token insieme a ogni richiesta a Firebase, ma i prodotti Firebase non richiederanno i token sia valida finché non abiliti l'applicazione forzata nella sezione App Check del Console Firebase.
Monitora le metriche e abilita l'applicazione forzata
Tuttavia, prima di attivare l'applicazione, devi assicurarti che questa operazione non causi interruzioni per gli utenti legittimi esistenti. D'altra parte, se noti un uso sospetto delle risorse della tua app, ti consigliamo di attivare l'applicazione delle norme in precedenza.
Per aiutarti a prendere questa decisione, puoi esaminare le metriche App Check per i servizi che utilizzi:
- Monitora App Check metriche delle richieste per Realtime Database, Cloud Firestore, Cloud Storage, Firebase Data Connect (anteprima), Authentication (beta) e Vertex AI in Firebase (anteprima).
- Monitora le metriche delle richieste App Check per Cloud Functions.
Attiva l'applicazione forzata di App Check
Una volta compreso l'impatto di App Check sui tuoi utenti e quando è tutto pronto per procedere, puoi attivare l'applicazione di App Check:
- Attiva l'applicazione forzata di App Check per Realtime Database, Cloud Firestore, Cloud Storage, Firebase Data Connect (anteprima), Authentication (beta) e Vertex AI in Firebase (anteprima).
- Attiva l'applicazione forzata di App Check per Cloud Functions.
Utilizzare App Check in ambienti di debug
Se, dopo aver registrato la tua app per App Check, vuoi eseguirla 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 utilizzi il fornitore di debug App Check anziché un fornitore di attestazione reale.
Vedi Utilizzare App Check con il provider di debug nelle app web.