離線優先的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（可能與不同步圖標或東西），然后之后。

希望我能正確理解您的問題。