Flutter web无法从firestore获取数据
Flutter web是Google推出的一种跨平台的移动应用开发框架，它允许开发者使用Dart语言编写一次代码，同时在iOS、Android和Web平台上运行。Firestore是Google Cloud提供的一种NoSQL文档数据库，它提供了实时同步和自动扩展等功能。
在Flutter web中，由于浏览器的安全策略限制，直接从Firestore获取数据可能会遇到一些问题。这是因为浏览器执行JavaScript代码时，存在跨域访问的限制。为了解决这个问题，可以通过使用Firebase的Authentication和Cloud Functions来实现间接从Firestore获取数据的方式。
首先，可以使用Firebase Authentication来进行用户身份验证，确保用户具有访问Firestore数据的权限。可以使用Firebase提供的各种身份验证方式，如电子邮件/密码、Google、Facebook等。
然后，可以使用Firebase的Cloud Functions来作为中间层，通过云函数来获取Firestore中的数据。云函数是一种在云端运行的代码，可以与Firebase的其他服务进行交互。在云函数中，可以编写逻辑来获取Firestore数据，并将其返回给Flutter web应用。
在Flutter web应用中，可以使用Firebase提供的Flutter插件来进行身份验证和与云函数的交互。可以使用Firebase Auth插件来处理用户身份验证，使用Firebase Functions插件来调用云函数。
总结一下，要在Flutter web中从Firestore获取数据，可以通过以下步骤实现：
- 使用Firebase Authentication进行用户身份验证。
- 创建一个云函数，用于获取Firestore中的数据。
- 在云函数中编写逻辑来获取Firestore数据。
- 在Flutter web应用中使用Firebase Auth插件进行身份验证。
- 使用Firebase Functions插件调用云函数，获取Firestore数据。
腾讯云提供了类似的产品和服务，可以用于实现类似的功能。具体推荐的腾讯云产品和产品介绍链接地址如下：
- 腾讯云身份认证服务：https://cloud.tencent.com/product/cam
- 腾讯云云函数（Serverless）：https://cloud.tencent.com/product/scf
- 腾讯云数据库（NoSQL）：https://cloud.tencent.com/product/tcb
- 腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估。
相关·内容
2回答
Flutter web无法从firestore获取数据
firebase、flutter、google-cloud-firestore、flutter-web
我在从firestore获取数据时遇到了问题，代码如下： import 'package:cloud_firestore/cloud_firestore.dart';import 'package:machineweb/model/models.dart';
浏览 24提问于2021-04-20得票数 1
回答已采纳
2回答
Flutter -无法从Firestore获取数据
flutter、firebase、google-cloud-firestore
我试图从"savedGoal“集合中获取数据，不知何故，它正在抛出错误(NoSuchMethodError)。但是，相同的脚本/代码语法对于同一防火墙项目上的另一个集合来说是非常好的。
浏览 5提问于2022-09-21得票数 0
2回答
用startAfter实现颤振恢复查询
firebase、flutter、google-cloud-firestore
我正在使用Flutter (cloud_firestore)，并试图在标题为'xxx'的文档之后从Firestore中获取数据，但它返回0结果。return Firestore.instance.collection('products') .startAfter([{'title': 'xxx如何正确实现flutter<
浏览 1提问于2018-09-26得票数 1
11回答
在Firestore中查询单个文档(cloud_firestore插件)
firebase、dart、flutter、google-cloud-firestore、querying
我只想通过ID检索单个文档的数据。TESTID1 { 'data': 'sample data',是这样的：
Firestore.instance.document('TESTID1我无法找到关于查询Flutter (dart)中的消防站的任何详细文档，因为火基文档只针对本地WEB、iOS、Android等，而不涉及flutter。c
浏览 0提问于2018-11-28得票数 55
回答已采纳
1回答
用于Web从Firestore获取数据的Flutter
firebase、flutter、dart、flutter-web
如何使用firebase模块检索数据？这是我的班级：import 'package:firebase/firestore.dart'; </script>这是pubsec.yaml：
dependencies:
浏览 0提问于2019-12-08得票数 1
3回答
如何在flutter中从firestore文档字段中获取数据？
firebase、flutter、dart、google-cloud-firestore
我正试着在我的flutter app中测试firestore，但是我不能真正按照预期加载数据。下面是我获取数据的方式： .collection('Test') .get()// use ds as a snapshot
print('Values from db: $ds'
浏览 0提问于2019-07-18得票数 8
2回答
颤振:如何使用cloud_firestore从文档中获取集合？
flutter、dart、google-cloud-firestore
我可以从集合中获取所有文档，但是，不知道如何从每个文档中获取集合。import 'package:flutter
浏览 0提问于2019-07-30得票数 2
回答已采纳
1回答
Flutter Firebase版本解析失败-专家请指定版本
android、flutter、dart
由于cloud_firestore_web 0.2.1+2依赖于http_parser ^3.1.3，并且没有任何版本的cloud_firestore_web与>0.2.1+2低于0.3.0相匹配，因此cloud_firestore_web ^0.2.1+2需要http_parser ^3.1.3。由于http >=0.13.0依赖于http_parser ^4.0.0，而cloud_firestore 0.14.4依赖于cloud_firestor
浏览 1提问于2021-07-10得票数 0
1回答
如何从颤动中的云场恢复数据？
flutter
我们正在尝试从云Firestore获取数据，但我们无法找到管理员如何获取用户的所有信息，如他们的预约 ? ?
浏览 13提问于2019-01-21得票数 0
1回答
如何在Flutter Web应用程序中使用带有Firebase Emulators db的Firebase.dart？
firebase、dart、google-cloud-firestore、flutter-web、firebase-cli
我的应用程序是Flutter Web应用程序。它使用。该应用程序托管在Firebase上，并对Firestore进行读写。但是，当我使用firebase emulators:start时，localhost:5000上的本地托管应用程序仍然在访问生产Firestore数据库。';
import 'package:web_flutter/pages/auth/l
浏览 1提问于2020-06-03得票数 2
1回答
Firestore Timestamp.toDate()返回以UTC表示的日期
firebase、datetime、google-cloud-firestore、google-cloud-functions
我将时间戳作为DateTime(2020, 02, 29, 9)从我的flutter应用程序上传到Firestore文档使用document['timestamp'].toDate().hour从flutter应用程序检索时间戳时，如预期的那样返回'9‘。在云函数中获取此数据时会出现此问题。如何检索存储在<em
浏览 18提问于2020-03-03得票数 4
回答已采纳
3回答
如何通过云FireStore在TextFormField中提供initialValue
firebase、flutter、dart
我正在尝试通过表单更新云Firestore中的数据。我需要已经存储在firestore中的字段在TextFormField中显示为initialValue。获取的数据通过print()在控制台上打印，但在TextFormField中不显示任何内容。数据也会被正确获取。initData = { };
void didChangeDepend
浏览 1提问于2020-05-21得票数 3
1回答
flutter firestore无法从数据库获取数据
firebase、google-cloud-firestore、flutter
我试图从我的firestore数据库中获取一些数据，并将其放在一个卡片视图中，但是，数据没有出现。我完全被困在这一点上了import "package:cloud_firestore/cloud_firestore.dart";
import 'package:flutter/material.dartconst Text('extraextra'
浏览 0提问于2018-07-12得票数 0
1回答
从Firestore flutter中读取子集合？
firebase、flutter、google-cloud-firestore
如何从flutter firestore中读取子集合。我正在使用cloud_firestore。我正在成功地将数据添加到firestore中，但无法检索到它(尝试并失败)。我想检索名为subCollection Firestore collection的产品 我试过了，我没有文档ID，因为它是从firestore自动生成的： Stream<QuerySnapshot>
浏览 10提问于2021-04-04得票数 0
2回答
如何将联系人作为可迭代联系人从Flutter上传到Firestore
flutter、google-cloud-firestore
我正在创建一个应用程序，将上传所有联系人到Firestore数据库的地图类型。但下面的代码不会将联系人上传到Firestore。请帮帮忙。我一直在尝试使用Flutter应用程序从我的手机中获取联系人到Firestore。我使用contact_services库来获取联系人。即使在尝试了一些类似的示例后，我仍然无法使用map type将我的联系人连接到Firestore。我应该在哪里进行更改，以便可以将我的所有联系人作
浏览 4提问于2019-05-04得票数 1
1回答
等待Firestore数据时出现颤动扩展抛出错误
flutter、google-cloud-firestore
我从Firestore返回的数据有问题。我需要使用Cloud Firestore Plugin获取一些电子邮件： class _EmailPageState extends State<EmailPage> { Form(... form code) ],} 由于直到数据
浏览 15提问于2019-04-30得票数 0
回答已采纳
2回答
如何在颤振中实现异步/等待
flutter
我有一个函数，它执行一些firestore操作并检索数据。这是我的密码。getNewsOnSearchBar() { final Firestore _fireStore = Firestore.instance;
pr
浏览 0提问于2020-05-05得票数 0
回答已采纳
2回答
如何获得用于防火墙配置的googleappid？
firebase、google-cloud-firestore、flutter
我正在尝试创建一个颤振应用程序，它连接到消防局来存储和检索数据。从颤振cloud_firestore插件文档中，我可以看到我需要一些值来配置它。79601577497', projectID: 'flutter-firestore', );
我知道如何获取</e
浏览 0提问于2018-08-11得票数 4
回答已采纳
2回答
如何在应用程序在颤动中被杀死时将位置数据发送到Firestore数据库
firebase、flutter、google-cloud-firestore、background-process、flutter-dependencies
我一直在尝试在flutter中创建一个应用程序，即使应用程序被终止，它也会将用户的位置数据发送到Firestore数据库。此插件可以很好地在应用程序终止时获取位置数据：https://github.com/rekab-app/background_locator 问题是我无法在这个插件的'callback‘函数中更新Firestore数据库发送locationDto时，确切的错误是：
浏览 14提问于2020-04-20得票数 0
3回答
如何使用StreamBuilder与Firestore在颤振网页？
flutter、google-cloud-firestore、flutter-web
我正在构建一个带有颤振网络的站点，但我无法将数据从防火墙中获取到StreamBuilder，因为onSnapshot无法工作.我用的是这个包import 'package:flutter/material.dart';import'package:firebase/firestore.dart&
浏览 3提问于2019-11-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
