Firebase 实时效率问题：如何为聊天应用设置监听器

Question

我有一个使用 Firebase 作为实时数据库和 React Native 的聊天应用。在最小化读取操作和传输数据方面，我试图找出最有效的方法来设置来自 Firebase 的聊天消息的侦听器。这是我的数据结构：

- messages
  - chatId
    - messageId
      - sentBy
      - timestamp
      - text

在我看来，我有 2 个选项，ref.on("child_added) 或 ref.on("value")

如果我使用ref.on("child_added")，好处是发送新消息时只会检索最新消息。但问题是，当加载对话时，会为聊天中的每条消息调用read 操作。如果一个对话有数百条消息，那么这就是数百个read 操作。

另一个选项是使用ref.on("value")。这里的问题是，在添加的每条新消息上，都会重新发送整个对话，而不仅仅是最近的消息。好处是在加载会话时，只需调用一次read操作，即可将整个会话转移到屏幕上。

我想要这两者的某种组合，其中当加载对话时，有一个 read 操作会带来对话的全部内容，并且当添加新的子节点时（一条新消息）只有该消息被传输到监听器。我怎样才能做到这一点？

Answer 1

firebaser 在这里

value 侦听器和 child_ 侦听器在同一位置/查询上的有线流量没有区别。如果您检查浏览器的“网络”选项卡，您可以准确查看检索到的发送内容，并且您会发现侦听器类型之间的内容完全相同。

value 和 child_* 事件之间的区别纯粹是在客户端进行的，以便您更轻松地更新 UI。事实上，即使您将 value 和 child_* 侦听器都附加到同一个查询/位置，Firebase 也只会检索一次数据。

执行所需操作的常用方法是将child_* 和value 侦听器附加到查询/位置。由于value 侦听器保证最后被触发，因此您可以使用该事实来检测初始加载何时完成。

类似：

var chatRef = firebase.database().ref("messages/chatId");
var initialLoadDone = false;
chatRef.on("child_added", (snapshot) => {
  if (initialLoadDone) {
    ...
  }
});
chatRef.once("value", (snapshot) => {
  snapshot.forEach((messageSnapshot) => {
    ...
  });
  initialLoadDone = true;
});

Answer 2

建议：使用 Firestore。它会维护您的数据缓存并有效地处理此类情况。

---

您可以使用ref.once('value')仅获取一次当前节点，然后使用ref.on('child_added') 进行后续添加。 More performance notes.

编辑：我相信 Firebase 数据库只需 ref.on('value') 就能有效地处理这个问题。在将新节点添加到我的数据库后检查网络选项卡时，我通知传输的数据量非常低。这可能意味着默认情况下，firebase 会缓存您以前的数据。建议您查看您的网络选项卡并做出此类决定，或者等待他们团队中的某个人显示指示。