FireFlutter：在调试模式下启用 App Check答案

【问题标题】：FireFlutter: Enable App Check in debug modeFireFlutter：在调试模式下启用 App Check
【发布时间】：2022-08-18 21:23:44
【问题描述】：

问题

App Check 在生产模式下工作正常，但在调试模式下出现错误：

401: Firebase App Check token is invalid.

我尝试了两件事：

使用 Firebase 控制台生成调试令牌。
通过将 <script>self.FIREBASE_APPCHECK_DEBUG_TOKEN = true;</script> 插入index.html 在应用程序中生成调试令牌。然后将其作为调试令牌添加到 Firebase 控制台中。我还注意到，这种方式在每次 App 重新启动时都会生成一个新的调试令牌。

代码

  if (kReleaseMode) {
    await FirebaseAppCheck.instance.activate(
      webRecaptchaSiteKey: LIVE_TOKEN,
    );
  } else {
    await FirebaseAppCheck.instance.activate(
      webRecaptchaSiteKey: DEBUG_TOKEN,
    );
  }

问题

使用 FlutterFire，生成和使用调试令牌进行 App Check 的正确方法是什么？遵循文档对我不起作用。

文档

https://firebase.google.com/docs/app-check/flutter/default-providers

https://firebase.flutter.dev/docs/app-check/debug-provider/#activating-the-debug-provider-web

你能找到解决这个问题的方法吗？这些天我也面临同样的问题。
@RandikaVishman 不，我没有。相反，我使用了两个 Firebase 项目：一个用于开发，一个用于生产。生产启用了应用检查。
令人难以置信的是，他们没有为此提供文档。

标签： debugging flutter-web firebase-app-check

【解决方案1】：

按照接下来的步骤，我设法让它工作。我还在FlutterFire Github 上报告了这一点。

将以下内容添加到 index.html
```
<body>
    <script>self.FIREBASE_APPCHECK_DEBUG_TOKEN = true;</script>
    <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app-check.js"></script>
    ......
```
1. 在调试模式下运行应用程序，将在日志中打印一个调试令牌
应用检查调试令牌：fb1a8616-b721-42c6-841c-544x5743ea72。您需要将其添加到 Firebase 控制台中您应用的 App Check 设置中才能正常工作。
1. 在 Firebase 控制台中将该调试令牌添加到 App Check
  
  https://firebase.google.com/docs/app-check/web/debug-provide
2. 在 dart 代码中设置调试令牌并重启（不要关闭应用）
```
const debugToken = 'fb1a8616-b721-42c6-841c-544x5743ea72';

await FirebaseAppCheck.instance.activate(
   webRecaptchaSiteKey: kReleaseMode ? liveToken : debugToken,
);
```
主要的不便之处在于，每次执行应用程序时，都会生成一个新的调试令牌，并且必须在 Firebase 控制台、dart 代码中设置它并在不关闭应用程序的情况下重新启动应用程序。

【讨论】：