如何在Flutter Web应用中使用云Firestore

Question

我正在创建一个Flutter Web应用，我想要将我的Flutter Web项目连接到Cloud Firestore，是否有方法可以实现连接？

我已经尝试在pubspec.yaml中导入cloud_firestore: ^0.12.5+2。

但是因为op依赖于cloud_firestore >=0.3.0版本的Flutter SDK，因此版本解决失败。

- kin

Answer 1

现在你可以在Flutter Web中使用官方的cloud_firestore插件，只需按照自述页面上的说明集成插件即可。

- Devarsh Ranpara

Answer 2

你找到的 FlutterFire plugin 只支持 iOS 或 Android。

如果你要面向 Web，使用 firebase-dart 插件。

另请参阅我昨天在这里提供的类似答案：是否有 Firestore 的 Dart 接口 - API 如 https://firebase.google.com/docs/firestore/quickstart?

- Frank van Puffelen

---

非常感谢，我能知道如何在Flutter Web中配置firebase_dart插件吗？ - kin

Answer 3

您需要将以下依赖项添加到您的软件包管理器中：

cloud_firestore: 0.13.4

配置Web应用程序需要额外执行一些步骤。这些步骤包括在您的index.html文件中添加一些脚本引用，其中Google's SDK reserved URL（假设您将部署到Google托管或至少为测试目的进行本地服务）。

<script src="/__/firebase/7.9.2/firebase-app.js"></script>
<script src="/__/firebase/7.9.2/firebase-auth.js"></script>
<script src="/__/firebase/7.9.2/firebase-firestore.js"></script
<script src="/__/firebase/init.js"></script>

我之前写了一篇关于将Flutter Web应用程序连接到Google Cloud Firestore的逐步指南，其中包括一个示例联系表单。

参考：

https://medium.com/@mat_wright/connecting-a-flutter-web-form-to-google-cloud-firestore-f6bf7aa28f99

https://firebase.google.com/docs/hosting/reserved-urls

在此输入链接描述

- matwr

---

你的“逐步指南”被设置了付费墙。请更新链接，提供不需要订阅的指南。 - MaxZ

@MaxZ，这是您需要的链接：https://blog.matwright.dev/2020/03/03/creating-a-google-cloud-firestore-contact-form-for-flutter-web-apps/ - matwr

@malwr 谢谢。有些代码对我来说不太清楚它是如何添加的，你有你的 .dart 文件/在 Github 上的链接吗？ - MaxZ

Answer 4

关于在Flutter Web中配置Firestore和Firebase，这个链接会非常有帮助。我已经尝试记录了所有必要的配置步骤：配置Firestore和Firebase与Flutter Web

- Priyansh jain

Answer 5

也许你需要在 pubspec.yaml 文件中添加依赖项： firebase_web: ^5.0.9 此页面可以帮助你 https://pub.dev/packages/firebase_web

- Zathion Zero