在 Flutter Web App 中使用 Firebase 实时数据库

Question

我是 Flutter 的初学者，我想将我的Flutter Web 应用程序连接到Firbase 实时数据库。 我的目标是在单击按钮时在数据库中添加一些示例数据。

此时我在web/index.html文件中添加了以下内容

<script src="https://www.gstatic.com/firebasejs/7.20.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.20.0/firebase-firestore.js"></script>

<script>
    var firebaseConfig = {
      apiKey: "...",
      authDomain: "...",
      databaseURL: "...",
      projectId: "...",
      storageBucket: "...",
      messagingSenderId: "...",
      appId: "...",
      measurementId: "...",
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    firebase.analytics();
</script>

在我的pubspec.yaml文件中，我添加了以下依赖项：

firebase: ^7.3.2
firebase_core: ^0.5.2
firebase_database: ^4.3.0

我的main.dart文件包含一个简单的main() function 如下所示

void main() {
  runApp(MyApp());
}

和MyApp()无状态小部件。

我是否必须使用.initializeApp()并在其中传递项目的约束（apiKey、authDomain 等）？

有人可以给我一些提示，因为我不知道该怎么做，我现在很困惑。

感谢您的时间

Answer 1

如果您查看firebase.flutter.dev上的平台支持表，您会发现 FlutterFire 库不支持访问 web 应用程序中的实时数据库。 增加支持的工作正在进行中，但没有估计何时发布。

目前，如果您想在 Flutter web 应用程序中使用 Firebase 实时数据库，则必须使用 firebase firebase-dart库。