Firebase 应用检查

Firebase 应用检查 帮助保护您的 API 资源免受滥用，通过阻止未经授权的客户端访问您的后端资源。它与 Firebase 服务、Google Cloud 服务以及您自己的 API 协同工作，以确保您的资源安全。

安装

首先将 VueFireAppCheck 模块添加到 VueFire 插件中

import { VueFire, VueFireAppCheck } from 'vuefire'
app.use(VueFire, {
  firebaseApp: createFirebaseApp(),
  modules: [
    // ... other modules
    VueFireAppCheck({
      // app check options
    }),
  ],
})

为了使用应用检查，您需要在 Firebase 控制台 > 应用检查中启用它。您还需要设置 reCAPTCHA 提供程序，然后在 VueFireAppCheck 模块中提供它

import { VueFire, VueFireAppCheck } from 'vuefire'
import { ReCaptchaV3Provider } from 'firebase/app-check'

app.use(VueFire, {
  firebaseApp: createFirebaseApp(),
  modules: [
    // ... other modules
    VueFireAppCheck({
      provider: new ReCaptchaV3Provider('...')
      isTokenAutoRefreshEnabled: true,
    }),
  ],
})

在开发过程中，通过将 debug 设置为 true 来使用调试令牌可能很方便。然后，您可以将其添加到 Firebase 控制台 > 应用检查 > 应用 > 管理调试令牌中的调试令牌中。

import { VueFire, VueFireAppCheck } from 'vuefire'
import { ReCaptchaV3Provider } from 'firebase/app-check'

app.use(VueFire, {
  firebaseApp: createFirebaseApp(),
  modules: [
    // ... other modules
    VueFireAppCheck({
      provider: new ReCaptchaV3Provider('...')
      // Only use debug during development
      debug: process.env.NODE_ENV !== 'production',
      isTokenAutoRefreshEnabled: true,
    }),
  ],
})