Flutter web flavor

Question

我有一个使用 Firebase 的 Flutter web 应用程序，我有两个 Firebase 项目（dev 和 prod）。 我想为此项目设置Flavors（仅限Web，没有移动端）。

在移动端中，我可以对不同的风味使用不同的 GoogleService-Info.plist 或 google-services.json 文件，但是我无法找到在 Web 应用程序中执行此操作的任何方法，因为配置是在 index.html 文件中完成的。是否有任何方法可以做到这一点？也许有不同的 HTML 文件，并指定在运行应用程序时要捆绑哪个文件？

谢谢。

- JideGuru

Answer 1

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

在每个Firebase项目中，转到项目概述-> 项目设置。请参见此处 在“您的应用程序”下选择您的Web应用程序。如果尚未完成，请将您的Web应用程序链接到Firebase托管站点。

在Firebase SDK片段中，选择自动选项。请参见此处 将当前的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 来适应不同的需求。

更多信息在此处

- jpozzi

Answer 2

查看Flutter Firebase - 为iOS、Android和Web设置不同的部署目标。

本文介绍了如何为iOS和Android创建flavors以及如何将Firebase SDK自动配置用于Web。

- YEG