Flutter 网络风味

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 项目中，转到项目概述 -> 项目设置。看这里

在“您的应用程序”下选择您的网络应用程序。如果还没有，请将您的 Web 应用链接到 Firebase 托管网站。

在 Firebase SDK 代码段中，选择自动选项。看这里

将index.html上当前的 firebase 配置替换为：

<!-- 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。

更多信息请点击此处