Esto no es un duplicado de Cómo inicializar Firebase App Check en Angular porque puedo inicializar con éxito una aplicación usando reCAPTCHA Enterprise. Esta pregunta trata sobre la inicialización de una aplicación mediante el proveedor de depuración.
La documentación de Firebase recomienda usar el proveedor de depuración al realizar pruebas desde localhost. Específicamente
En su compilación de depuración, habilite el modo de depuración configurando
self.FIREBASE_APPCHECK_DEBUG_TOKENen verdadero antes de inicializar App Check. Por ejemplo:
self.FIREBASE_APPCHECK_DEBUG_TOKEN = true; initializeAppCheck(app, { /* App Check options */ }); ¿Cómo se puede lograr esto en una aplicación Angular? No está claro a qué self o dónde se debe colocar este fragmento de código.
Después de algunos experimentos y conjeturas, funcionó la configuración de FIREBASE_APPCHECK_DEBUG_TOKEN en el objeto de la ventana . Hice esto agregando lo siguiente a mi constructor app.component.ts
(<any>window).FIREBASE_APPCHECK_DEBUG_TOKEN = true; El código preciso para extender el objeto de la window puede cambiar con el tiempo, pero tomé esta sintaxis de ¿Cómo se establece explícitamente una nueva propiedad en window en TypeScript? .