firebase - 当用户在firebase中注销时如何停止监听获取聊天消息

Question

我正在使用 firebase 实时数据库构建移动聊天应用程序并做出本机反应。此应用程序始终在监听以从 firebase 数据库中获取新的聊天消息。

但是，当我单击sign out聊天屏幕上的按钮时，我会看到以下错误消息，因为即使我已退出后台应用程序也总是尝试获取新消息，并且我没有读取和写入聊天消息的角色。

这是错误信息。

console.error: "Uncaught Error in onSnapshot:", {"code": "permission-denied", "name": "FirebaseError" }

这是我收听获取新聊天消息的代码。

:
this.firebase.firestore.collection("chat").doc(" chatId").collection("messages")
          .where('counter', '>', this_.messageCounter - Const.chatPagingMessageCount).orderBy('counter', 'asc')
          .onSnapshot(function (querySnapshot) {
:

我想让用户在没有该错误的情况下退出。

Answer 1

当用户离开聊天时，您应该删除监听器。您可以使用 componentWillUnmount 生命周期方法或为此退出操作。

https://firebase.google.com/docs/firestore/query-data/listen#detach_a_listener

componentDidMount () {
  this._listenToMessages();
}

componentWillUnmount () {
  this.chatListener();
}

_listenToMessages = () => {
  this.chatListener = 
    this.firebase.firestore.collection("chat").doc("chatId").collection("messages")
      .where('counter', '>', this_.messageCounter - 
      Const.chatPagingMessageCount).orderBy('counter', 'asc')
      .onSnapshot(function (querySnapshot) {
        ...
      }
}