PWA-离线应用程序-如何实现同步回

时间:2018-08-23 18:28:11

标签: angular service-worker offline progressive-web-apps offlineapps

如果我能找到任何链接或后盾,将不胜感激。在大型Web应用程序上工作时,需要使该应用程序脱机。

我打算使用Service worker缓存机制来实现PWA

  1. 仅缓存方式
  2. 中缓存所有图片,html,js,CSS等资产
  3. 用于以缓存优先方法
  4. 呈现UI元素的所有“获取元数据的调用”
  5. 所有用户输入数据到 Network First方法

通过实施此操作,我可以使应用程序脱机并按预期工作。现在,另一个要求是离线用户可以执行诸如编辑任何字段,添加评论,上传文档等操作。

为此,我计划使用 HttpInterceptor 并将所有带有其标头的POST请求推送到 IndexedDB ,一旦系统上线,它将从那里读取并发布到服务器。

现在卡住的是数据持久性,当用户在线时,如果他添加注释或编辑表单中的内容,然后单击保存(信息已推送到IndexedDB)和

  

如果刷新页面的用户看不到他输入的数据,只会得到旧信息

,为什么会这样,因为在加载从Cache API读取的应用程序时,仍然有旧的响应。

是否有其他方法可以使应用程序脱机并使用数据保留用户操作。

0 个答案:

没有答案