离线优先方法和 PWA 的区别？答案

【问题标题】：Difference in offline-first approach and PWAs?离线优先方法和 PWA 的区别？
【发布时间】：2019-11-25 12:20:15
【问题描述】：

在搜索我的困惑时，我没有找到令人满意的资源。

所以我一直在寻找的问题是，离线优先的移动应用程序和 PWA 之间有什么区别。

至于我对任何移动应用程序的理解程度，可以这么说；可以将使用 redux 或使用 SQLITE 或使用领域的 react-native 应用程序制作为离线优先的应用程序。并且使用 PWA，服务工作者（我对此知之甚少）进行所有离线用户交互，最后在确认网络连接时，根据 PWA 的要求获取或检索数据。

虽然我没有提及 PWA 可以执行的其他功能（同样我对此知之甚少）。即使现代浏览器只能支持 PWA，为什么在当今的趋势中会大肆宣传 PWA？

请指导我解决我的问题的任何错误。非常感谢任何类型的信息、知识或回答我的问题的链接。

【问题讨论】：

你可能想要read this :)
感谢@Villekoo 的链接，这清除了 PWA 部分，但我这边还有一些关于 PWA 的疑问，即如果要推送通知，如何在没有网络连接的情况下推送通知从服务器，如果使用 PWA 时缓存的智能数据被发送到服务器（数据库），是否与通过离线优先方法移动应用程序发送到服务器的数据相同？

【解决方案1】：

您可以阅读first of a series of articles about PWAs 以获取有关 PWA 功能及其优势的更多详细信息。

这两个概念并不相互排斥。
感谢Service Worker and caching strategies，PWA 能够通过缓存目标资产或数据响应来实现/提供离线优先方法。但是，您也可以通过使用其他技术来提供离线优先方法，而无需引入 PWA。

PWA 背后的炒作是由于我们可以添加到 Web 应用程序中的许多额外功能，使其行为和看起来像原生解决方案。想想让您的前端团队开发一个几乎完全是原生应用程序的 Web 应用程序的优势吧。而且无需聘请专门的原生团队（iOS/Android）。

但是，PWA 并不是任何场景的灵丹妙药。它们仍然存在只有本地应用程序才能提供的限制（例如，SMS 功能和访问设备联系人），即使有不同的 API 旨在解决这些差距，例如 Google Contact Picker API。

【讨论】：

【解决方案2】：

直到最近，大多数主要应用程序都针对具有良好互联网连接的国家/地区。随着发展中国家的互联网接入激增，大多数未开发的市场正在浮出水面。虽然这些部分现在可以访问互联网，但连接问题很多。因此，为了给这个新品牌的客户提供最佳体验，我们需要可以离线运行的应用程序

离线优先：

这种方法主要适用于在连接可靠连接之前可以离线运行的任何设备。作为开发人员，这意味着建立通过数据库、缓存或任何其他本地存储方法在设备中存储信息的能力。然后当用户打开应用程序（桌面/移动）时，它们会尽可能正常运行。只需提醒用户它与最新的不同步。

所以，离线优先方法可以是

PWA（渐进式网络应用）： PWA 是一种能够离线运行的 Web 应用程序。由于这些用户中的许多人使用低成本设备（内存不足、处理能力低），因此安装新本机应用程序的人数必须减少。此外，很难说服人们下载和安装新应用程序。

这就是 Web 应用程序可以改变游戏规则的地方。具有原生体验和离线功能的 Progressive Web App 可以推动更多用户尝试新产品。除此之外，无需强迫用户安装一个更多的应用程序，一个链接可以很容易地进行营销。

Progressive Web App 是离线优先方法的一个子集。正如@Francesco 指出的那样，随着浏览器增加了更多访问本机功能（如联系人）的功能，PWA 可能是迈向现代应用程序开发以发布任何新功能的第一步。

【讨论】：