首先更新 LocalStorage 或 Azure 表存储

Question

我正在尝试解决 互联网连接不佳且多次断开的问题，以解决使用 Angular 框架制作的移动浏览器应用。

就像这个Book Collection 应用程序。目前，Web 应用程序（具有 Web URL）将数据直接保存在云中的 Azure 表存储中。由于互联网连接不佳，该应用程序无法更新云存储。当用户使用相同的 URL 再次访问 Web 应用时，应用会尝试从 Azure 表存储中读取数据，并且更新的数据不可用。

• LocalStorage 是否可以通过在浏览器中本地保存数据来解决此问题？应用程序是否应该先将数据保存在 LocalStorage 中，然后再更新 Azure 存储？在发生故障的情况下，可以从本地存储中读取数据。
• 是否有任何 JavaScript 库支持在本地存储和 Azure 表存储之间同步数据？
• 我应该使用 LocalStorage 还是 Azure 表存储作为数据的真实来源？
  • 我可以在本地存储中保存多少数据有限制吗？

Answer 1

本地存储是否可以通过在浏览器中本地保存数据来解决此问题？应用程序是否应该先将数据保存在本地存储中，然后再更新 Azure 存储？

是的，如果您想构建离线应用程序。您需要将应用程序数据保存在本地，然后将数据同步到服务器。本地存储是基于浏览器的应用程序在本地存储数据的不错选择。

是否有任何 JavaScript 库支持在本地存储和 Azure 表存储之间同步数据？

到目前为止，还没有库可以自动为您处理这个问题。您需要重新定义数据结构以将数据从本地同步到服务器。我建议您为本地数据存储中的每条记录添加一个名为 synced 的标志。如果一条记录成功同步到服务器，synced 属性的值为 true，否则为 false。您还需要为每种数据类型定义一个同步函数。

我应该使用本地存储还是 Azure 表存储作为数据的真实来源？

这取决于数据类型。将有两种类型的数据，应用程序数据和用户数据。例如，书籍信息属于应用程序数据。用户喜欢的书是否属于用户信息。对于用户信息，我建议您使用本地存储作为数据的真实来源。

我可以在本地存储中保存多少数据有限制吗？

我们可以从 Sameer 提供的链接中找到限制，这里是一个 sn-p：

Google Chrome(https://plus.google.com/u/0/+FrancoisBeaufort/posts/S5Q9HqDB8bh)、Mozilla Firefox 和 Opera 中每个来源 10 MB； Internet Explorer 中每个存储区域 10 MB