Using Firebase App Check Debug Provider with Angular

[jackwootton]

Hi,

I can successfully initialize a web-app with a reCAPTCHA Enterprise provider. However, it's unclear to me how to use the Debug Provider from within an Angular application. The Firebase documentation recommends using the Debug Provider when testing from localhost. Specifically

In your debug build, enable debug mode by setting
self.FIREBASE_APPCHECK_DEBUG_TOKEN to true before you initialize App
Check. For example:

self.FIREBASE_APPCHECK_DEBUG_TOKEN = true;
initializeAppCheck(app, { /* App Check options */ });

How can this be achieved in an Angular application? It's not clear what self is referencing or where this code snippet should be placed.

[jackwootton]

After a few experiments and guesses, the following worked for me.

Add the following to your app.component.ts constructor

(<any>window).FIREBASE_APPCHECK_DEBUG_TOKEN = true;

[TBrayner]

Where should I place my Debut "Token code itself?