Javascript 脱机第一个webapp本地存储同步到MySQL

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

总结一下：

从MySQL获取类别并存储在可查询的客户端数据库中

收集数据并存储在客户端数据库中

在线将数据同步到MySQL时（最好通过PHP脚本）

我已经研究过PockDB，但我认为它不是正确的解决方案，因为服务器端的应用程序都依赖于MySQL，并且不能全部重写

---

您会建议什么解决方案？

假设您正在使用顶部有Redux（例如）的JS博客应用程序

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

您的Redux包含帖子和新帖子

当应用程序联机时，您向服务器发送请求，服务器用一些数据响应，您将这些数据存储到帖子中

当应用程序脱机时，您不发送任何请求，只需将新帖子存储到NewPosts

当你的应用程序重新联机时-你将NewPosts中的每个项目发送到服务器，如果它们成功存储-将它们从NewPosts中删除，并用新内容更新Posts

在应用程序中，您首先渲染新帖子（可能使用未同步的图标或其他东西），然后渲染帖子

---

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

假设你有一个顶部有Redux（例如）的JS博客应用程序

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

您的Redux包含帖子和新帖子

当应用程序联机时，您向服务器发送请求，服务器用一些数据响应，您将这些数据存储到帖子中

当应用程序脱机时，您不发送任何请求，只需将新帖子存储到NewPosts

当你的应用程序重新联机时-你将NewPosts中的每个项目发送到服务器，如果它们成功存储-将它们从NewPosts中删除，并用新内容更新Posts

在应用程序中，您首先渲染新帖子（可能使用未同步的图标或其他东西），然后渲染帖子

希望我正确理解了你的问题