如何在 Flutter web 应用程序中使用云 Firestore

Question

我正在创建一个 flutter web 应用程序，我想将我的 flutter web 项目连接到 cloudstore，我的项目可以连接到 cloudstore

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

由于 op 依赖于 cloud_firestore >=0.3.0 需要 Flutter SDK，版本解析失败。

Answer 1

您找到的FlutterFire 插件仅针对 iOS 或 Android。

如果您的目标是网络，请使用firebase-dart插件。

另请参阅我昨天在这里给出的类似答案： 是否有 Dart 接口到 Firestore - 使用 API 与 https://firebase.google.com/docs/firestore/quickstart 中的一样？

Answer 2

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

Answer 3

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

cloud_firestore: 0.13.4

为 Web 进行配置时需要采取一些额外的步骤。 这些涉及使用Google 的 SDK 保留 URL向您的 index.html 文件添加一些脚本引用（这假设您将部署到 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

在此处输入链接描述

Answer 4

对于为 Flutter Web 配置 Firestore 和 Firebase，此链接将有很大帮助。 我已尝试记录配置所需的所有步骤： Configure Firestore & Firebase with Flutter Web

Answer 5

也许您需要将依赖项：firebase_web: ^5.0.9 添加到您的 pubspec.yaml。 此页面可以帮助您https://pub.dev/packages/firebase_web