什么是 PWA 应用程序、谁需要它们、它们的优点和缺点

PWA 应用程序是前端开发的一个新趋势，自 2018 年以来开始流行。速卖通、Twitter、福布斯、Tinder、星巴克和 Uber 等知名公司都有自己的 PWA。在今天的文章中，我们将让您深入了解该技术的优缺点，并讨论谁可能需要 PWA 以及出于什么目的。

PWA 被解读为渐进式 Web 应用程序，是移动应用程序和网站之间的临时解决方案。

PWA 网站是按照一定的方法开发的。这样，它就可以作为常规移动应用程序下载到设备上。它有一个主屏幕快捷方式，允许推送通知并且可以离线工作。然而，PWA 是通过浏览器打开的，就像任何其他网站一样。这样，您就会收到一个可以通过单个 CMS 控制的网站和应用程序。

PWA 应用程序基于 HTML、CSS 和 JavaScript 编程语言。构建PWA需要以下4个关键点：

1. 代理层Service Worker放置在前端和后端之间。这是一个 JavaScript 文件，通过 HTML 代码在页面的帮助下连接。它发生在浏览器中并处理所有浏览器查询。 Service Worker 还可以访问用于数据存储的 IndexDB 和用于 Web 资源的缓存存储。
2. 网站资源通过HTTPS协议传输。如果网站包含指向不安全资源的链接，某些浏览器可能会错误地显示内容。
3. 应用程序外壳是图形界面的模板。它存储在客户端并在启动时上传。动态信息进一步从网络上传。
4. Web 应用程序清单是一个 JSON 文件，它确定产品在启动前的外观。它设置标题并使图标与本机应用程序的图标相似。

• 具有成本效益且快速的开发过程。开发 Android 和 iOS 原生应用程序需要两个开发团队，而一个团队可以处理 PWA 的创建。如果您的网站已经存在，它可以通过某些构造函数自动传输到 PWA。这样的项目一天之内就可以部署完毕。
• 一个跨平台的应用程序。 PWA 可以通过任何操作系统和任何浏览器启动，但可能存在一些限制。
• 重量轻。渐进式 Web 应用程序仅占用 1−2 Mb 的设备内存。它可能最多需要 50 Mb，而本机应用程序则需要超过 100 Mb。
• 易于设置。下载应用程序的链接可以放置在公司网站上，通过短信、即时通讯工具或二维码发送。这促进了新用户的转化。即使外部平台暂时禁止某些开发者或用户，个人链接仍然有效。用户可以将应用程序图标添加到主屏幕。
• 与商店无关。 PWA 无需在 Google Play 和 App Store 上发布即可存在。因此，开发人员无需根据自己的要求调整产品并协商发布应用程序的过程。尽管如此，如果创建特殊的编程包装，这在技术上是可能的。

• 高性能，这离原生应用已经不远了。页面副本存储在浏览器现金中，并且下载时不会有任何暂停。
• 离线访问某些功能。例如，可以将歌词添加到书签，用户可以离线收听。
• 优化内容管理流程。网站 CMS 有助于更新网站和基于其的 PWA 的内容。它节省了管理员的时间。
• 无需手动升级。用户打开应用程序后，最新版本就会自动启动。
• 轻松重新定位。 PWA 应用程序可以发送推送通知。这增加了感兴趣的潜在客户转化为长期客户的机会。
• SEO优化视图。 Google、Bing 和其他搜索引擎对 PWA 的索引方式与网站相同。

• 该技术仍处于开发过程中。因 压铸模具和塑料模具的常见挑战及其克服方法 提升用户体验还需要一些时间。
• 如果用户应用跨平台应用程序，设备电池会更快耗尽。发生这种情况的原因是 JavaScript 的使用。
• PWA 应用程序通常不会在商店中发布。我们已经提到这一点是一个优点，但同时也是一个很大的缺点。 AppStore和Google Play带来了大量的受众流入。一群人在那里寻找官方应用程序，而不是在公司的网站上。除此之外，商店还会检查应用程序是否足够安全以供下载，而企业网站则无法保证这一点。它最终筛选出了观众。
• PWA 功能受到限制。例如，他们无法访问用户的日历或联系人列表，这与移动应用程序形成鲜明对比。这就是为什么该技术并不完美适合开发时间、任务和项目管理工具的原因。
• Apple 设备的 PWA 有额外的限制。渐进式网络技术与 iOS 的蓝牙和 Touch ID 不兼容。它不允许通过 Safari 发送通知，但其他搜索引擎并没有施加这样的限制。这些缺点不太可能被消除。公司的目标是支持人才，而不是让他们滥用别人的技术。

PWA 应用程序非常适合电子商务、在线媒体、预订服务、电子学习课程、餐馆和咖啡馆、银行以及提供金融和保险服务的组织等企业。

这种技术也适用于其他领域的企业

• 正在寻找客户并通过互联网与他们沟通。高负载速度在这里至关重要。如果一个人看到空白屏幕，他们可能会失去耐心并与另一家公司联系。
• 在 SERP 中与众多其他公司竞争。与移动应用程序不同，PWA 由搜索引擎索引。
• 为无法访问 Internet 或正在漫游的用户创建服务。渔民和旅行者就是一个很好的例子。渐进式网络技术的流量消耗很小，因此许多功能可以离线使用。
• 愿意在推出时省钱。 PWA 开发成本与网站开发相当，远低于原生应用程序。
• 正在尝试增加平均检查次数和转售次数。 PWA 可以借助重定向和推送通知来实现这一目标。
• 很想扩大他们的受众。离线观看、主屏幕上的图标和快速加载内容对于在线媒体来说是有利的。
• 需要保证数据安全。 HTTPS 允许数据隐私，这对于金融、银行和保险服务至关重要。
• 正在计划开发一个复制网站功能的应用程序。

数据通过 PWA 应用程序进行延迟更新。对于电子商务、教育课程和阅读文章来说，这并不是一个大问题。然而，交易和体育博彩不会从 PWA 中受益，因为每一秒都很重要。顶级品牌借助渐进式网络提升业绩的方式

• AliExpress将每个浏览器中的用户会话时间增加了 74%。 iOS 的转化率上升了 82%。该平台通过每个浏览器吸引的用户数量增加了 104%。
• 得益于先进的技术，来自桌面设备的出租车呼叫数量已增加到所有Uber客户的 30%。
• Pinterest 的广告利润增加了 44%。与之前的移动网络界面相比，用户在该平台上花费的时间开始增加 40%。得益于渐进式网络技术，关键交互指标提高了 60%。

这些都是全球知名的公司。然而，中小企业也可以从渐进式网络中受益。

渐进式 Web 应用程序是移动应用程序和网站之间的过渡选项。它基于 HTML、CSS 和 JavaScript 编程语言。

该技术的主要优点是快速且廉价的开发、跨平台使用、离线模式、推送通知的可能性、廉价的重定向和搜索引擎的可见性。

PWA 的缺点包括无法从 App Store 或 Google Play 下载应用程序、电池快速放电以及 iOS 功能有限。

对于通过互联网搜索客户并与客户在线交流的公司来说，渐进式网络是正确的选择。对于需要毫秒级精度的数据更新的企业来说，它们不是一个选择。