Progressive Web Apps 离线功能对于显示经常变化的数据(如银行账户余额)的应用程序是否是一个好主意?

如果用户使用他的 PWA 离线模式并导航到例如银行产品余额部分,他实际上没有查看有关其余额的更新数据,并允许基于可能未更新的数据进行操作。

对于频繁更改的数据,我是否会错过有关这种方法 (PWA) 的某些内容?

最佳答案

PWA 并不意味着您捕获整个页面。作为开发人员,您可以选择要缓存的内容。可以做两种类型的缓存。

1) 静态内容缓存又名 App shell 缓存——比如你的 HTML/CSS/JS 和图像文件。这可以在更改时使用 Service Worker 刷新(将在后台发生,用户无需执行任何操作)。即使对于银行交易页面等网站也可以做到这一点。

2) API 数据缓存 - 这是您缓存来自 Web 服务的 JSON 响应等动态数据的地方。如果负责任地显示信息,即使这也可以用于银行交易页面。说在交易之上,您可以以一种很好的提示方式显示一条消息“截至 2018 年 6 月 6 日下午 5 点的交易”,以便用户知道他没有看到实时数据,但他/她可能很高兴看到如果那是他正在寻找的旧交易。

或者,您可以完全忽略缓存动态数据,例如 API 响应或服务器呈现的 HTML,这些数据具有此类动态数据,而仅缓存静态数据。

归根结底,由您作为开发人员决定缓存什么,缓存某些内容将使您在没有缓存的情况下有所改进,即使在这样的动态内容站点中。

这是关于解释两者的 Google's doc

10-07 13:02
查看更多