离线优先的Webapp本地存储同步到MySQL

Question

我正在开发一个脱机优先的webapp（HTML5和JS）以收集数据，在线时应同步到MySQL服务器。 我还需要从MySQL数据库中获取一个子集，以进行离线搜索（选择用于数据收集的类别/属性）。

总结一下：

1. 从MySQL获取类别并将其存储在可查询的客户端数据库中
2. 收集数据并存储在客户端数据库中
3. 在线将数据同步到MySQL时（最好通过PHP脚本）

我已经研究了PouchDB，但我认为这不是正确的解决方案，因为服务器端应用程序都依赖于MySQL，并且不是全部重写的选择。

您会提出什么解决方案？

Answer 1

假设您的JS博客应用程序的顶部是Redux（例如）。

您的数据层（Redux）将数据持久保存到LocalStorage中，反之亦然，加载应用程序时，它会检查LocalStorage以及是否有数据-数据已加载到Redux中。

您的Redux包含Posts和NewPosts 。

当应用在线时，您向服务器发送请求，服务器响应一些数据，然后将这些数据存储到Posts中 。

当应用离线时，您不发送任何请求，只需将新帖子存储到NewPosts中 。

当应用程式重新联机-你从NewPosts发送到服务器的每个项目，如果他们成功地存储-从NewPosts和更新的帖子有新的东西删除它们。

在应用中，你首先渲染NewPosts（可能与不同步图标或东西），然后之后。

希望我能正确理解您的问题。