Flutter 网络 flavor

Question

我有一个使用 firebase 的 Flutter Web 应用程序，我有两个 firebase 项目(dev 和 prod)。
我想为这个项目设置 Flavors(只是网络没有移动)。
在移动端，我可以使用不同的 GoogleService-Info.plist或 google-services.json两种风格的文件，但无论如何我都找不到在 Web 应用程序上执行此操作的方法，因为配置是在 index.html 中完成的文件。有没有办法做到这一点？也许有不同的 HTML 文件并指定在运行应用程序时捆绑哪些文件？
谢谢。

Answer 1

您可以使用 Firebase SDK 自动配置。通过依赖保留的托管 URL，您可以将相同的代码部署到多个 Firebase 项目。
在您的每个 Firebase 项目上，转到项目概览 -> 项目设置。 See here
在“您的应用”下选择您的网络应用。如果还没有，请将您的 Web 应用链接到 Firebase 托管站点。
在 Firebase SDK 代码段中，选择 自动 选项。 See here
在 上替换您当前的 Firebase 配置index.html 到:

<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="/__/firebase/7.21.0/firebase-app.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="/__/firebase/7.21.0/firebase-analytics.js"></script>

<!-- Initialize Firebase -->
<script src="/__/firebase/init.js"></script>

就是这样，这将允许您使用相同的 index.html 对于不同的口味。
More Info here