使用 Firestore 在本地保存数据并稍后同步

Question

我在将 google firestore 的离线行为集成到我的聚合物应用程序中时遇到问题。

我创建了一个元素来使用 firestore 执行所有数据库操作。我已经在构造函数中初始化了连接，下面是代码。

constructor() {
            super();
            if (!this.db) {
                firebase.firestore().enablePersistence()
                    .then(() => {
                        this.db = firebase.firestore();
                    })
                    .catch((err) => {
                        if (err.code == 'failed-precondition') {
                        } else if (err.code == 'unimplemented') {
                        }
                    });
            }
        }

我创建了另一个将用户详细信息保存到 Firestore 的功能。

saveUserAndSync() {
            this.db.collection("users").add(this.userObj)
                .then(function (docRef) {
                    console.log("Document written with ID: ", docRef.id);
                })
                .catch(function (error) {
                    console.error("Error adding document: ", error);
                });
        }

即使离线也能很好地工作。我面临的最大问题是，如果应用程序处于脱机状态并且我创建了用户，同时如果我重新加载页面，所有数据都会丢失，并且与 firestore 的同步将无法正常工作。

谁能建议解决这个问题。

我能够使用 pouchDB 和 couchDB 进行相同的实现，因为 pouchDB api 将首先将数据保存在本地，然后将其与 couchDB 同步。

但使用 firestore 会失败。

Answer 1

对于 Web 应用程序，默认情况下不启用离线存储。来自documentation：

对于 Web，默认情况下禁用离线持久性。启用 持久性，调用 enablePersistence 方法。 Cloud Firestore 的 缓存不会在会话之间自动清除。因此，如果 您的网络应用程序处理敏感信息，请务必询问用户 如果他们在启用持久性之前位于受信任的设备上。

重要提示：对于 Web，离线持久性是一项实验性功能 仅受 Chrome、Safari 和 Firefox Web 支持 浏览器。此外，如果用户打开多个指向 相同的 Cloud Firestore 数据库，并启用了离线持久性， Cloud Firestore 只能在第一个选项卡中正常工作。

在启用持久性之前，您看到的是预期行为。