使用异步等待从 Firestore 获取数据 - Javascript

在使用 Firestore 数据库时，我们通常需要从数据库中获取数据。由于获取数据是一个异步操作，我们需要使用异步等待来处理这个过程，确保数据在被获取之后再进行其他操作。

准备工作

在开始之前，我们需要准备以下内容：

• Firebase 项目的凭据（Firebase console 中可以获得）
• 安装 Firebase JavaScript SDK

步骤

以下是从 Firestore 中获取数据的步骤：

1. 初始化 Firebase 应用

   const firebaseConfig = {
     // Your firebase project config
   };
   
   firebase.initializeApp(firebaseConfig);
   

2. 获取 Firestore 实例

   const db = firebase.firestore();
   

3. 获取数据

   async function getData() {
     const data = await db.collection('collectionName').get();
     return data.docs.map(doc => doc.data());
   }
   

4. 使用获取到的数据

   async function main() {
     const data = await getData();
     console.log(data);
   }
   
   main();
   

解释

让我们来解释一下这些步骤：

1. 初始化 Firebase 应用：使用 Firebase 需要先初始化 Firebase 应用。将 Firebase 的项目凭据传递给 firebase.initializeApp 方法即可初始化应用。

2. 获取 Firestore 实例：获取 Firestore 实例后，我们可以使用其中的方法来执行一些操作，如获取数据。

3. 获取数据：通过在获取集合上调用 .get() 方法，我们可以获取集合中的所有文档。此方法返回一个 QuerySnapshot，其中包含从集合中获取的每个文档的元数据。我们对这个 QuerySnapshot 进行 await 操作，等待获取到数据后再进行其他操作。

4. 使用获取到的数据：在这个例子中，我们只是简单地将获取到的数据打印到控制台中。您可以根据需要将数据用作其他用途。

总结

使用 Firestore 获取数据是一个异步操作，我们需要使用异步等待来等待数据。Firebase JavaScript SDK 提供了许多有用的方法来处理 Firestore 数据库的数据，使我们能够轻松地进行操作。