如何在 Web 上保存 Firestore 数据库请求以减少调用

Question

我有一个包含我所有产品的产品页面，每次有人按 F5 时它都会执行。我想保存所有 de 产品，但是当添加产品时，它可以更新一次以减少所有 api 调用。

我试图将它保存在 Cookie 中，但这不是一个好方法。
我尝试使用 Http 缓存控制来实现它，但它不起作用 ()
我尝试了 localstorage，但是在添加新产品时确实没有执行。

//JS文件我的饼干尝试：它有效，我每 0.5 天只接到一个 api 电话，但如果我的产品发生更新，我只会在稍后收到

//if cookie === undifined
const firestore = firebase.firestore()
firestore.doc("products/phones").onSnapshot(function (doc) {
    if (doc && doc.exists) {
        const products = doc.data().produc
        //Save doc.data().produc in cookie 0.5 day expirery
    }
})

我想保存我的 Firestore 请求客户端，仅在需要更新产品列表时发出 Firestore 请求。

Answer 1

你的第二种方法没有成功的机会。 firebase.json 文件由 Firebase 托管使用，与 Cloud Firestore 完全无关。

您的第一种方法可行，尽管您没有包含实际确定何时附加 onSnapshot 侦听器的代码。但是正如您发现的那样，每天最多附加两次侦听器意味着您每天最多只能获得两次更新，并且您可能同时提供过时的数据。

听起来您必须在提供新数据和减少服务器调用之间做出选择。这是一个相当普遍的权衡。

还有一些其他方法可以减少服务器最新数据所需的文档读取次数：

在每个文档中更新数据时包含时间戳，然后使用查询仅请求新数据。您将在本地存储中保留最后一次 requested/got 数据的时间戳，并在每次查询中使用它。
将最近更新的数据聚合到一个或几个文档中，这样您就可以阅读更少的文档。

如何在 Web 上保存 Firestore 数据库请求以减少调用

How to save Firestore database request on web to make less calls

javascript

firebase

reactjs

google-cloud-firestore