如何使用HMTL/Javascript从Firestore数据库中的文档中检索数据
Firestore 是谷歌云平台提供的一种强大的文档数据库，可以用于存储和管理结构化数据。使用 HTML 和 JavaScript 从 Firestore 数据库中检索数据的一般步骤如下：
- 创建 Firebase 项目：首先，在谷歌 Firebase 控制台上创建一个新的项目，并启用 Firestore 数据库。获取项目的配置信息，包括项目 ID 和 API 密钥。
- 配置 Firebase SDK：在 HTML 文件的
<head>标签中添加 Firebase SDK 的引用，并使用配置信息初始化 Firebase 项目。示例代码如下：
<script src="https://www.gstatic.com/firebasejs/9.0.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.0.0/firebase-firestore.js"></script>
<script>
// 初始化 Firebase 项目
var firebaseConfig = {
apiKey: "YOUR_API_KEY",
authDomain: "YOUR_AUTH_DOMAIN",
projectId: "YOUR_PROJECT_ID",
};
firebase.initializeApp(firebaseConfig);
// 获取 Firestore 实例
var db = firebase.firestore();
</script>请注意，需要将 "YOUR_API_KEY", "YOUR_AUTH_DOMAIN", "YOUR_PROJECT_ID" 替换为实际的项目配置信息。
- 检索数据：通过 Firestore 提供的 API 方法，可以从文档中检索数据。以下是一个示例代码，展示如何从 Firestore 数据库的一个文档中检索数据：
<script>
// 检索数据
db.collection("collection_name").doc("document_id").get().then(function(doc) {
if (doc.exists) {
// 数据存在
var data = doc.data();
console.log("数据: ", data);
} else {
// 数据不存在
console.log("该文档不存在！");
}
}).catch(function(error) {
console.log("检索数据时出错：", error);
});
</script>请将 "collection_name" 和 "document_id" 替换为实际的集合名称和文档ID。
以上代码通过 db.collection("collection_name").doc("document_id").get() 方法从指定的集合和文档中检索数据。如果文档存在，将打印数据到浏览器的控制台；如果文档不存在，将打印一条相应的消息。
这里还有一些关于 Firestore 数据库的相关信息：
- Firestore 数据库是一种 NoSQL 数据库，以文档集合的形式存储数据。
- Firestore 提供了强大的查询功能，可以使用条件和排序来检索数据。
- Firestore 数据库具有实时更新功能，可以订阅文档或集合的变化。
- Firestore 提供了针对不同平台和语言的各种 SDK，可以轻松与移动应用、Web 应用和后端服务进行集成。
推荐的腾讯云相关产品和产品介绍链接地址：
以上是关于如何使用 HTML/Javascript 从 Firestore 数据库中检索数据的基本步骤和一些相关产品推荐。希望对您有所帮助！
相关·内容
这应该是很容易做的事情，但是我迷路了…… 我的数据结构为: UserInfo / UID / Attribute / Value 我可以获取特定UID的数据，但无法检索给定属性(本例中为lastname)的值。
浏览 16提问于2020-11-08得票数 0
回答已采纳
我正在使用堆栈Postgres、angular和spring boot，我想集成firebase来处理身份验证部分，问题是我所有的用户数据都存储在postgres DB中，是否有任何方法可以使用firebase对我的客户端进行身份验证(登录、注册)并从后端api获取这些数据
浏览 12提问于2021-04-19得票数 0
1回答
在应用程序中，我创建了一个Firestore实例，用于将来自数据类的文档(文档的id由Firestore本身分配)添加到由我指定名称的集合中。它确实存储在Firestore中的某个地方，因为我还可以通过应用程序使用get()方法从数据库中检索我添加的
浏览 9提问于2019-08-08得票数 1
在我的firestore数据库中，我有1000个文档。在用户检索1个文档后，我想在另一个页面中将其显示为列表页面中的一张卡片。 当用户再次登录到app时，应该会在列表中看到以前检索到的文档。此外，如果用户已经从数据库中检索了数据，我也不想显示来自firestore的<
浏览 24提问于2020-05-02得票数 0
如果我理解正确的话，Datastore和Firestore提供的查询子字符串的选项都非常有限。像" like“或"IN”这样的选项，老实说，我本以为这些选项是可用的，但它们似乎不像数据库管理系统那样得到支持。尽管IN的有限版本似乎在Firestore中可用。我是不是漏掉了什么？在服务器端获取所有实体来自己处理它们似乎是处理这些限制的一种可怕的方式。我要提前谢谢你。
浏览 0提问于2021-03-09得票数 0
我正在询问是否有可能从Firestore快照生成模型类，或者在没有模型类的情况下检索字段值并将字段值绑定到文档快照的视图中，或者使用一个对象比Fi还原文档中的字段少的模型类。例如，在本代码中，从文档中获取： public String author;
public St
浏览 4提问于2019-11-18得票数 0
回答已采纳
1回答
到目前为止，我使用云sql作为后端数据库构建了一个项目。
由于数据是用很小的记录构造的，我想，文档存储更适合它--特别是postgres不容易缩放。我将一个文档插入到一个集合中，用一个表在cloud上创建了一个测试sql数据库，并插入了相同的记录，然后在Go中运行了一个简单的基准测试。即使postgres没有扩展，它也可以慢100倍才能接近于一个包含一个文档<em
浏览 1提问于2019-11-14得票数 0
我正在使用云修复作为我的Ionic/Cordova应用程序的数据库。UniqueID (collection)
浏览 3提问于2017-11-04得票数 0
回答已采纳
为了从Cloud Firestore中的用户集合中检索currentUser(文档)，我已经尝试了所有方法，除了正确的方法。this.$binding("user"，firebase.firestore().collection("users").doc(this.firebase.auth().currentUser))
非常感谢你能给我<
浏览 0提问于2017-12-14得票数 0
比如说，我在Firestore中有这样的架构； - User A (document) - Note D (document) - Note F (document)我怎样才能在颤栗中实现这一点呢？
浏览 0提问于2021-07-28得票数 1
回答已采纳
我正在为firebase的云firestore编写规则，我想使用用户的auth id限制对数据库的访问，但规则的行为并不像我预期的那样。所以，我的数据库结构是这样的：我希望只有用户才能使用他们自己的userId访问文档。我使用</e
浏览 20提问于2017-12-17得票数 1
回答已采纳
1回答
我正在尝试获得一个集合中的所有文档，在这种情况下，每个文档都是一个俱乐部，集合是所有俱乐部。我正在尝试用Firestore来复制这一点，但我只能遇到一个解决方案，它涉及到创建一个新的数组并循环结果，然后将每个结果添加到该数组中。下面是我尝试使用略微不同的Firestore语法的Firestore con
浏览 2提问于2017-10-11得票数 14
2回答
当我使用.doc()、.get()直接检索文档时，.get()的安全规则拒绝许可。我需要做什么才能允许我的Ionic应用程序的认证用户使用CRUD操作？在我的PWA Ionic应用程序中，我有以下功能>
The <e
浏览 1提问于2021-05-28得票数 1
是否有一种方法(可能是通过API或其他方式)可以用来获取Cloud Firestore数据库的读取次数(0/50,000)和写入次数(0/20,000)，这样就不需要单独登录firebase控制台，并且用户将从应用程序本身进行跟踪
浏览 1提问于2020-10-03得票数 0
1回答
是否有任何方法可以使用collectionGroup查询(如SELECT DISTINCT )来获取防火墙中的所有唯一字段值？
浏览 0提问于2021-10-11得票数 0
回答已采纳
1回答
在Dart中，如何在集合的文档中检索自动生成的ID？
我有一个名为" users“的集合，它有带有用户详细信息的自动ID文档。你怎么找到那个身份证的？当第一次创建文档时，当用户第一次创建时，user.uid存储在它的集合中。我可以从users数据库检索所有数据，这是
浏览 5提问于2019-11-13得票数 5
回答已采纳
在Firebase函数中，可以检索admin.firestore.FieldValue.serverTimestamp()的结果而不直接将请求插入到对set()或update()的调用中);
但是，在完成对Firestore的写操作后，我需要将相同的数据写入实时数据库中的某个部分。admin.database.Serv
浏览 1提问于2020-01-03得票数 0
1回答
我想在firebase管理中使用自定义身份验证端点登录。例如，使用电子邮件和密码。http://firebasefunctionsaddres.com/loginUsingEmail
因此，在客户端，我希望使用电子邮件和密码(可能还有其他一些信息)发出请求，在firebase函数端(可能会将一些数据保存到firestore)并使用auth令牌进行响应。
浏览 0提问于2018-10-12得票数 0
我正在创建一个带有Firestore数据库的Vue JS应用程序，但在Firestore导入中有一个问题(可能)。这是一个简单的应用程序，只是存储一些员工的详细信息，想要显示(最初)，以测试其工作。它只是使用"firebase"："^5.0.4"，而不是vue-firebase或其他插件。
它的Firestore不是Firebase实时数据库。因此，在firebaseInit.
浏览 0提问于2018-06-07得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
