json - Phonegap在本地设备上缓存Json数据

Question

自上周以来，我一直致力于移动应用程序开发。我想要做的是使用 Phonegap 来缓存 Json 文件，以便即使没有 wifi 或互联网连接也能让 Web 应用程序正常工作。我很纳闷。我读过许多有关离线缓存的方法。但我不明白的是，如何使用缓存的 Json 文件等在离线模式下渲染我的网络应用程序。

我一直认为它可以按如下方式工作:

假设我有一个响应式网站。本网站的内容是根据 Json-Data 动态生成的。

现在我想将此网站带到移动设备上。我从 Phonegap 开始。我使用 webview 或 InAppBrowser 编写我的第一个简单应用程序，其中包含我的网站。现在我想让这个应用程序能够基于缓存的 Json 数据即使离线也能工作。这就是我悬在空中的地方。我不知道更多了。我是否请求 Json 数据并使用 PhoneGap File-Api 将此数据存储到我的设备的本地文件系统中？以及如何使用这些数据来构建我的布局。据我了解，我将 PhoneGap 作为容器，它在我的响应(HTML5、CCS、JS)网站和 native 功能之间架起了桥梁。所以我所理解的是，我可以在 PhonGap 容器中加载我的网站，它看起来就像一个应用程序。但是当我离线时，我必须缓存数据。最重要的是 Json-Data，标记所基于的。我如何从本地设备加载此 Json 数据并使用此数据进行渲染？今天我正在构建一个简单的应用程序，使用 PhoneGap 和 InAppBrowser。然后我没有找到如何缓存 Json 数据的教程，它是由我的响应式网站拉取的。我可以看到这些数据已被使用(通过 Fiddler 作为反向代理)。所以这些数据必须传输到InAppBrowser。我以为我误解了什么。也许我必须将所有内容都包含到index.html中(我正在使用eclipse和phonegap和android)。谁能通过一个简单的示例告诉我如何调用我的网站、缓存 Json 数据(大文件，使用 PhoneGap File-Api 在本地设备上最多 100MB)并使用此 Json 文件在离线时呈现我的网站？这可能吗？

<小时/>

更新:我在网上找到了这个帖子，可以调整一下，以满足我的需求:here此示例中的代码是来自index.html 的代码还是在网站内使用的代码？我是否也必须将 cordova.js 包含到我的网站中？

提前非常感谢。

Answer 1

通常，您可以将 JSON 数据存储到 HTML5 本地存储中并使其离线。但这里 localstorage 的大小限制最大为 5MB。

但正如您所说，您正在处理大数据，您可以通过以下方法来做到这一点:

• 创建phonegap自定义插件来处理所有网络服务调用
• 使用此插件还将 JSON 数据存储到 native 存储数据库中(有没有大小限制，因为您正在使用设备存储)

因此，您的 HTML 代码上不会有 ajax 调用，而是由插件来处理它。