Questa pagina illustra come abilitare App Check in un'app Web utilizzando il provider App Check personalizzato . Quando abiliti App Check, contribuisci a garantire che solo la tua app possa accedere alle risorse Firebase del tuo progetto.
Se desideri utilizzare App Check con uno dei provider integrati, consulta la documentazione per App Check con reCAPTCHA Enterprise .
Prima di iniziare
Aggiungi Firebase al tuo progetto JavaScript se non l'hai già fatto.
Implementa la logica lato server del provider App Check personalizzato .
1. 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.
2. Creare l'oggetto provider App Check
Crea un oggetto provider App Check per il tuo provider personalizzato. Questo oggetto deve avere un metodo getToken()
, che raccoglie tutte le informazioni richieste dal provider App Check personalizzato come prova di autenticità e le invia al servizio di acquisizione token in cambio di un token App Check. L'SDK App Check gestisce la memorizzazione nella cache dei token, quindi ottieni sempre un nuovo token nell'implementazione di getToken()
.
Web modular API
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 namespaced API
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 Controllo app
Aggiungi il seguente codice di inizializzazione alla tua applicazione prima di accedere a qualsiasi servizio Firebase:
Web modular API
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 namespaced API
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);
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:
- Monitora i parametri di richiesta di App Check per Realtime Database, Cloud Firestore, Cloud Storage e Autenticazione (beta).
- Monitorare i parametri di richiesta di App Check per Cloud Functions .
Abilita l'applicazione di App Check
Una volta compreso l'impatto di App Check sui tuoi utenti e quando sei pronto per procedere, puoi abilitare l'applicazione di App Check:
- Abilita l'applicazione di App Check per Realtime Database, Cloud Firestore, Cloud Storage e Autenticazione (beta).
- Abilita l'applicazione di App Check per Cloud Functions .
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 .