数据添加到firestore的时候，想用onSnapshot监听，这样就可以自动调用数据了，但是不知道怎么用

Question

我想在附图中的数据结构中监听消息的值

我收到此代码错误

secondDb.collection("chats")
  .doc(dockey)
  .onSnapshot(function (doc) {
    doc.docChanges().forEach(function (change) {
      if (change.type === "added") {
        console.log(doc.data().messages[0]);
      } else if (change.type === "modified") {
        // 
      } else if (change.type === "removed") {
        // 
      }
    })
  });

错误代码 doc.docChanges 不是 function

数据结构如下：

Answer 1

您可以通过要检索的集合访问数据

var unsubscribe = firestore().collection('chats').onSnapshot(snapshot =>{
  snapshot .docChanges().map((change) => {
   if (change.type === "added") {
    console.log(doc.data().messages[0]);
   } else if (change.type === "modified") {
     // 
   } else if (change.type === "removed") {
     // 
   }
  })
})

Answer 2

查看您的数据结构，我会说您可能不想在整个集合上调用.onSnapshot 。

您的初始代码很好。 但是，由于您在 DocumentReference 上调用了.onSnapshot ，因此您得到了DocumentSnapshot 。 而不是.docChanges您只需执行doc.data().messages 。

您还应该查看有关最佳实践的文档以获取实时更新。

如果您正在尝试制作实时消息应用程序，您可以考虑使用 Firebase Cloud Messaging 而不是onSnapshot 。 当用户打开应用程序时，您可以从 Firestore 加载所有对话消息，并在用户连接到互联网时使用 FCM 接收任何新消息。