将 Firebase App Check 调试提供程序与 Angular 一起使用

Question

这与 Angular 中的如何初始化 Firebase App Check不重复，因为我可以使用 reCAPTCHA Enterprise 成功初始化应用程序。 这个问题是关于使用调试提供程序初始化应用程序的。

Firebase 文档建议在从本地主机进行测试时使用调试提供程序。 具体来说

在调试版本中，通过在初始化 App Check 之前将self.FIREBASE_APPCHECK_DEBUG_TOKEN设置为 true 来启用调试模式。 例如：

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

这在 Angular 应用程序中如何实现？ 目前尚不清楚self引用的是什么或此代码片段应放置在何处。

Answer 1

经过一些实验和猜测，在window object 上设置FIREBASE_APPCHECK_DEBUG_TOKEN是可行的。 我通过将以下内容添加到我的app.component.ts构造函数来做到这一点

(<any>window).FIREBASE_APPCHECK_DEBUG_TOKEN = true;

扩展window object 的精确代码可能会随着时间而改变，但是我从How do you explicit set a new property on window in Z5358B544CF3E3E .

Answer 2

我基于应用程序检查文档通过这种方式更改了“自我”的属性：

    (self as any).FIREBASE_APPCHECK_DEBUG_TOKEN = true;

我把它写在我调用 API protected by app check 的服务中