PWA：这就是移动应用的未来吗？

“Progressive web app”是设计师 Frances Berriman 和 Google Chrome 工程师 Alex Russell 在 2015 年才创造的一个术语。 自诞生之日起，PWA 就取得了相当大的成功，也被各大公司采用。

但是当我们听到预言指向的时候，它确实引起了一些人的注意； 应用商店的日子和我们所知道的原生应用的日子，编号。

很难想象，从组织会议到联系朋友、调低恒温器到解锁汽车等真正影响我们生活的应用程序很快就会被一项仍处于起步阶段的技术所取代。

那么，不可思议的事情真的可能发生吗，还是罗马帝国能经受住时间的考验？

为了让我们在两条不同的路径之间进行选择，我们首先要知道：什么是 PWA？ PWA 运行在什么技术上？ PWA 与原生应用程序相比有哪些优势？ 它的缺点是什么？

以下是领先的PWA 开发公司回答的有关该技术的所有信息：

什么是 PWA？

如果最好的网络和最好的应用程序有一个克隆孩子——那就是 PWA。

顾名思义，渐进式 Web 应用程序 (PWA) 本质上是 Web 应用程序，但在用户看来就像原生移动应用程序一样。 换句话说，PWA 兼具两者的优点，它们可以像 Web 应用程序一样轻松访问和发现，并提供移动应用程序的便利。

与原生移动应用程序不同，PWA 与任何其他网站一样存在于网络上； 唯一的例外是它们可以直接添加到用户的主屏幕。 从那时起，PWA 提供了原生应用程序的所有好处； 可靠性、召回率和更高的参与度。

那么，是什么帮助开发人员在 Web 和移动应用程序之间找到了最佳平衡点呢？ 向下滚动以了解制作 PWA 所涉及的技术。

PWA 背后的秘诀？

PWA 有 3 个基本的技术支柱，每一个都描述如下：

显现
Web 应用程序清单是一个简单的 JSON 文件，它为开发人员提供了一个集中位置，可以将有关应用程序的所有信息（例如名称、作者、图标、描述）作为元数据放置。

清单的目的是将 Web 应用程序安装到设备的主屏幕上。 它允许您在用户期望本地移动应用程序体验的地方控制应用程序的外观，例如启动图标、主屏幕的外观等。

服务人员
这就是真正的魔法发生的地方。 Service Worker可帮助您将 Web 和移动设备的优势带入 PWA。
从技术上讲，Service Workers 位于网络和设备之间，通过以编程方式管理 HTTP 请求来提供内容。
它们处理可靠和智能的缓存，保持后台同步，推送通知，最重要的是能够离线浏览以前访问过的站点。

应用程序外壳架构
App Shell 模型是一种用于快速加载的架构方法，这是您的用户在启动本机应用程序时所期望的。

它是一种缓存机制，其中基本 UI 存储为静态框架，可以在其上逐步加载内容，允许用户与应用程序互动，尽管网络连接程度不同。
那么是什么让 PWA 更具吸引力。 让我们看一下 PWA 已经解决的网站或移动应用程序存在的一些主要问题：

PWA 的优势

本节我分为两个部分，一个是网站和原生移动应用程序的缺点，以及 PWA 如何解决这些问题。

优于原生移动应用程序

就可用性和速度而言，原生移动应用程序是黄金标准，但它也存在某些缺陷。 随着技术的发展，技术只会不断改进，所有的缺陷都会被淘汰。

当前应用程序的最大缺陷是，它们无法访问。 大多数移动应用程序的下载量少于 1000 次。

它们消失在以太中，没有留下任何痕迹，但为什么呢？ 因为为了找到一个应用程序，你必须寻找它。 与网站不同，谷歌经常将我们带到网站，我们并没有真正搜索。

另一个关于移动应用使用的惊人统计数据显示，从下载到活跃使用的用户量下降了 20% 。 因此，介于寻找应用程序、下载应用程序并最终使用它之间； 每 5 个用户中就有 1 个用户消失。

除此之外，开发和维护一个移动应用程序，最好是在 Android 和 iOS 上以及一个网站，这使得它变得非常昂贵。

Progressive Web Apps 是上述所有缺点的解决方案：

它们像网站一样存在于网络上，因此可以在 Google 搜索结果中找到，从而使 PWA 的可访问性和发现变得更加容易。

PWA 绕过了用户必须从应用商店下载应用的步骤，从而消除了摩擦。 它们可以直接添加到设备的主屏幕并从那里访问。
想象一下用谷歌搜索飞往洛杉矶的机票，而不是网站，您可以立即访问旅行应用程序，其用户友好界面与本地应用程序相同。 好吧，这就是 PWA 适合你的地方。

PWA 是独立于平台的，因为它们本质上是具有移动应用程序所有功能的网站。 因此，构建和维护 PWA 的成本更低，并且您可以更快地发布。

优于网站

网站的主要缺点是与移动应用程序相比速度较慢，并且在通过不稳定的连接访问时不可靠。

这就是引发“网络肥胖危机”的原因。 我们喜欢带有高清视频和彩色动画的网页，但同时统计数据表明，40% 的用户从加载时间超过 3 秒的网站跳出。

除此之外，网站一直渴望像应用程序一样在通知托盘和主屏幕上占有一席之地。

PWA 为长期困扰网站的这些问题带来了恰到好处的组合：

如前所述， PWA 采用 App Shell 架构，可确保快速加载。 它为第一次加载提供了一个具有可靠快速 Web 组件的静态框架，其他内容在该框架上逐步或动态加载。

可以像应用程序一样从设备添加和访问 PWA 。 添加一个比下载应用程序更简单。 在这里，您只需在浏览时接受“添加到主屏幕”提示，PWA 就会被添加到您设备的主屏幕中。
下次您从设备的主屏幕启动它时，它将隐藏所有浏览器控件并像应用程序一样运行。

如您所见，PWA 结合了两者的优点； 具有强大后端框架和网站连接性的原生应用程序的速度和可用性。 这正是我将 PWA 称为原生应用程序和网站的克隆孩子的原因，并建议所有人期待投资于渐进式 Web 应用程序开发。 但是，与此同时，我建议大家熟悉该技术及其在市场中的范围，以及影响您的移动应用程序开发项目成功的其他因素，如本移动应用程序开发指南中所述。