在Flutter Web应用程序中使用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()函数，如下面的

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

以及MyApp()无状态小部件。

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

有人能给我一些提示吗？因为我不知道该怎么办，我现在很困惑。

感谢您抽出时间

Answer 1

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

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