Question

我有一个使用Firebase的Flutter Web应用程序，并且有两个Firebase项目（dev和prod）。我想为此项目设置Flavors（仅在网络上无法移动）。

在移动设备中，我可以使用不同的GoogleService-Info.plist或google-services.json文件来实现任何一种风格，但是由于在index.html中进行了配置，因此我在Web应用程序上仍然找不到这样做文件。有什么办法吗？也许有不同的HTML文件，并指定在运行应用程序时将其捆绑在一起？

谢谢。

Answer 1

您可以使用Firebase SDK自动配置。通过保留的Hosting URL，您可以将相同的代码部署到多个Firebase项目。

在每个Firebase项目上，转到“项目概述”->“项目设置”。 See here

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

在Firebase SDK片段中，选择自动选项。 See here

将 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 用于不同的口味。

More Info here

Answer 2

见Flutter Firebase - Setting different deployment targets for iOS, Android, and Web。

这解释了为 iOS 和 Android 执行风格以及为 Web 进行 Firebase SDK 自动配置。

颤抖的网状风味

2 个答案: