javascript - 如何制作离线 AngularJS/Cordova 应用程序？

Question

我有一个 AngularJS 应用程序(嵌入在 Cordova 应用程序中)。为了获取和设置数据，它使用 REST API(在 Django 后端服务器上运行)。

我需要该应用程序即使在网络中断的情况下也能继续使用多项功能。例如，我期待这种行为:

在线模式

• 客户在应用程序中做某事
• 向 API 发送 POST 请求(以创建数据)
• 客户得到一句“谢谢你做了xxx”

回退离线模式

• 客户在该应用上购买商品
• 客户得到“xxx现在不能完成，但会尽快完成”
• 由于我们处于离线状态，因此无法向服务器发送任何内容。那怎么办呢？有没有办法将 API 请求放入一个队列中，当我们返回在线模式时该队列将被执行？

您将如何从技术上设计它？离线模式似乎有很多不同的技术，这让我有点困惑。欢迎任何指导。

非常感谢。

Answer 1

我想使用这样的应用程序，那会让我觉得自己很愚蠢。但是有

您可以使用此插件检查网络状态。

https://github.com/apache/cordova-plugin-network-information/blob/master/doc/index.md

每个请求都需要在发送 HTTP POST 和将 POST 数据保存到本地存储之间进行切换。

然后您只需为以下事件创建回调:

document.addEventListener("offline", onOffline, false);
function onOffline() {
    // Turn on saving to local storage
}

document.addEventListener("online", onOnline, false);
function onOnline() {
    // Read local storage, send all requests
}