如何在 Angular 中初始化 Firebase App Check

Question

我想知道如何使用 Angular 初始化 firebase 应用程序检查。

我正在使用 Angular Fire，但我不确定如何在使用任何服务之前初始化 Firebase 应用程序检查

文档有这个

在访问任何 Firebase 服务之前，将以下初始化代码添加到您的应用程序。

firebase.initializeApp({
  // Your firebase configuration object
});

const appCheck = firebase.appCheck();
// Pass your reCAPTCHA v3 site key (public key) to activate(). Make sure this
// key is the counterpart to the secret key you set in the Firebase console.
appCheck.activate('abcdefghijklmnopqrstuvwxy-1234567890abcd');

但这如何在应用程序模块中完成。目前我像这样导入角火

@NgModule({
  declarations: [
   ...
  ],
  imports: [
    AngularFireModule.initializeApp(environment.firebaseConfig),
  ],
]

更新：

我知道这可能还不是 Angular Fire 库的一部分，因为 firebase app-check 是多么新，但我注意到有一个本机 firebase 库 https://www.npmjs.com/package/@firebase/app-check

我很高兴使用它（例如，以某种方式覆盖本机 firebase js 对象），只要代码能够在调用任何服务之前将其应用到正确的位置，并且它不会在打字稿中给出编译错误

作为参考，我的版本如下：

角度：10.2.5

火力地堡：8.6.0

角火：6.1.5

调试本地主机版本也必须工作

Answer 1

做这个：

// firebase-initialization.ts
import firebase from 'firebase/app';
import 'firebase/app-check';

// Environment Config
import { environment } from './path/to/environments';

const app = firebase.initializeApp(environment.firebase);
const appCheck = app.appCheck()
appCheck.activate('');

然后将文件导入到应用程序模块中：

import "firebase-initialization"