javascript - 如何在 React 中使用 Firebase 应用程序检查。 403 错误

Question

我想在 Gatsby 项目中使用 Firebase App Check。我已经在 Firebase 控制台中完成了 App 注册。

在我的项目中:

import { initializeApp } from "firebase/app";
import { initializeAppCheck, ReCaptchaV3Provider, getToken } from "firebase/app-check";

const app = initializeApp({
  // My firebase configuration object
});

const appCheck = initializeAppCheck(app, {
  provider: new ReCaptchaV3Provider('MY_RECAPTCHA_PUBLIC_KEY'),
  isTokenAutoRefreshEnabled: true
});

getToken(appCheck)
  .then(() => {
    console.log('success')
  })
  .catch((error) => {
    console.log(error.message)
  })

但是，它不起作用并出现错误:

@firebase/app-check: FirebaseError: AppCheck: Fetch server returned an HTTP error status. HTTP status: 403. (appCheck/fetch-status-error).

那么，谁能帮我检查一下问题出在哪里？怎么解决？
谢谢!

Answer 1

在 Google Cloud Console 中转到您的 Firebase 项目:
https://console.cloud.google.com/apis/credentials
在“API Keys”下点击您的 Firebase API Key 的名称。
“API 限制”
如果您限制使用 API key ，请确保包括:
选定的 API :
Firebase 应用检查 API