Flutter网络风格

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项目上，转到项目概述->项目设置。参见此处

在"；您的应用程序"选择您的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。

更多信息点击这里

Answer 2

请参阅Flutter Firebase-为iOS、Android和Web设置不同的部署目标。

这解释了iOS和Android的操作风格以及Firebase SDK的Web自动配置。