如何在前端的 Web 应用程序中使用 Firebase 功能？ [关闭]

Question

我想要检测更改是集合"users"。但并不是所有的变化都只有一种变化。我想在向集合中添加新文档时触发回调。

我对 Firebase 真的很陌生。我认为我需要的是 firebase 云功能。但是在文档中，我看不到任何在 HTML 中添加 firebase-functions 和 firebase-tools 的方法。如果我们不能在没有节点的情况下使用 firebase-functions，那么请告诉正确的方法来检测在 firebase 中添加新文档...

注意：我也在使用打字稿，所以请考虑它不会抛出任何错误并给出正确的自动补全（如果有办法在浏览器上使用 firebase-functions）

Answer 1

在客户端收听集合的方法是使用onSnapshot。这将通知您每次更改，因此如果您只关心特定更改，您可以比较之前和之后的更改，并且仅在您关心的部分发生更改时运行您的代码。

let prevSnapshot;

firebase
  .app()
  .firestore()
  .collection('users')
  .onSnapshot(snapshot => {
    if (!prevSnapshot || snapshot.docs.length !== prevSnapshot.docs.length) {
      // this is either the first snapshot, or the number of documents has changed.
      prevSnapshot = snapshot;
      // Do whatever you need to do
    }
  });