0

我决定将 AppCheck 包含到我的项目中。我正在使用 Quasar V2 的网络应用程序中实现这一点。Quasar 为我提供了一些环境变量，具体取决于我在开发、生产或调试中（它类似于生产，但带有 --debug 标志）。

我在 Firebase 控制台上有两个项目，用于我正在构建的这个产品。一个对应于我的测试，另一个对应于生产环境。请注意，当在某个分支中创建新 PR 时，我正在使用 GitHub 操作触发对 Firebase 托管的部署。这是由 firebase-cli 生成的。

最后，我有我的本地开发。它在模拟器中使用 Firebase 服务。

我的问题是我没有在浏览器控制台中获得调试令牌。这是我根据运行环境配置 Firebase 的客户端文件。

/src/boot/firebase.js

import { boot } from 'quasar/wrappers'
import firebase from 'firebase/app'
import 'firebase/app-check'
import 'firebase/functions'
import 'firebase/auth'
import 'firebase/firestore'
import 'firebase/storage'

const firebaseConfigTesting = {
  apiKey: '----------------------------',
  authDomain: '-----------------------',
  projectId: '-------------------------',
  storageBucket: '-----------------',
  messagingSenderId: '------------------',
  appId: '--------------------------',
  measurementId: '-------------------'
}

let app = null
if (process.env.DEBUGGING || process.env.DEV) {
  app = firebase.initializeApp(firebaseConfigTesting)
  console.log('DEBUGGING || DEV -> app configurada con proyecto testing')
} else if (process.env.PROD) {
  // TODO: Poner config del proyecto firebase de producción.
  app = firebase.initializeApp(firebaseConfigTesting)
}
const appCheck = firebase.appCheck()
const functions = firebase.app().functions('southamerica-east1')
const auth = firebase.auth()
const db = firebase.firestore()
const storage = firebase.storage()

// When running quasar dev, use Emulators.
if (process.env.DEV) {
  functions.useEmulator('localhost', 5001)
  auth.useEmulator('http://localhost:9099', { disableWarnings: true })
  db.useEmulator('localhost', 9095)
  storage.useEmulator('localhost', 9199)
  self.FIREBASE_APPCHECK_DEBUG_TOKEN = true
  console.log('#======= Corriendo Emuladores =======#')
}

/*  App check
*   Cada ambiente tiene su Key. En desarrollo, usar debugger token.
* */
if (process.env.DEBUGGING || process.env.DEV) {
  // Enabling AppCheck both in local develoment (DEV) and in Testing enviroment (DEBUGGING)
  appCheck.activate('----------------', true)
} else if (process.env.PROD) {
  // TODO Create AppCheck in production. 
}

export default boot((/* { app, router, ... } */) => {
})
export {
  app,
  functions,
  auth,
  db,
  storage
}

在文档（app-check 调试提供程序）中，他们有一个使用名为initializeAppCheck. 我的 SDK 中没有该功能。这是 Firebase SDK 中的内置函数，还是只是他们在文档中使用的实用函数？

最后，我没有收到任何错误。它工作正常，但我没有得到AppCheck 调试令牌。

祝你今天过得愉快！

4

1 回答 1

4

首先，initializeAppCheck()仅在 API 的最新版本 v9+ 中可用。看起来您使用的是旧版本的 API，其中所有内容都基于firebase命名空间（例如，firebase.appCheck()），而在新版本中，您将单独导入所有函数。

所以你有两个解决方案。最简单的方法是升级到 v9。如果您需要帮助，请参阅迁移指南。如果您不想更改太多代码，请尝试使用兼容版本的 v9（在该指南中描述），它允许您使用与 v8 相同的 API。无论您使用的是 v9 的模块化版本还是兼容版本，它都会在 App Check 初始化期间初始化调试模式，让您可以self.FIREBASE_APPCHECK_DEBUG_TOKEN像当前所做的那样在代码中进行设置。（在兼容版本中，它必须在调用之前设置firebase.appCheck.activate()。在模块化版本中，它必须在调用之前设置initializeAppCheck()。）

如果此时无法迁移到 v9，v8 App Check SDK 实际上会在导入 App Check 包时检查调试变量，而不是在初始化 App Check 时（firebase.appCheck()）。这意味着在代码中的任何位置设置它为时已晚。因此，当用户使用 v8 时，我们建议他们在加载主代码包之前在其页面中设置self.FIREBASE_APPCHECK_DEBUG_TOKEN一个<script>标签。index.html如果这对您的构建环境来说太难了，我建议升级到 v9。如果您使用 compat，它应该需要非常少的代码更改（只需将导入模式从firebase/firestore等更改为firebase/compat/firestore）。

于 2021-10-19T16:29:05.287 回答