用外行的术语来说，什么是渐进式Web应用程序？

Question

我从事开发工作已有几年了，但我无法确定PWA到底是什么。

例如，如果某个应用程序在手机上运行，​​则它是本机应用程序。我可以指向它并告诉人们“看起来它是本机应用程序”。

同样，什么是PWA？它在哪里运行？我可以指向哪个应用程序并确定它是PWA？

根据我在网上阅读的内容，我认为PWA是一个拥有现代技术并为用户提供“类似本地应用程序”体验的网站。

我的理解正确吗？

总而言之，这是一个拥有原生体验的网站吗？如果是这样，用户如何将普通网站分离为PWA？

Answer 1

Google 在 2015 年末提出了渐进式 Web 应用程序(PWA)的概念。它们基本上是 Web 应用程序（网站），但具有与其他原生移动应用程序相似的外观和感觉。启用了渐进式 Web 应用程序的网站可以提供离线工作、推送通知和设备硬件访问等功能。

渐进式网络应用程序的好处：

1. 更小更快： 渐进式网络应用比原生应用小得多。他们甚至不需要安装。那就是它们不会浪费磁盘空间并且加载速度非常快。

2. 响应式界面： 渐进式网页应用 (PWA) 支持的网页能够自动适应各种屏幕尺寸。它可以是智能手机、平板电脑、台式机或笔记本电脑。

3. 无需更新： 大多数移动应用程序需要每周定期更新。与普通网站一样，渐进式网络应用程序 (PWA) 始终在用户交互发生时加载最新更新版本，并且无需 App 或 Play 商店批准。

4. 成本效益： 原生移动应用需要分别为Android和iOS设备开发，开发成本非常高。另一方面，渐进式网络应用程序具有相同的功能，但只是先前价格的一小部分。

5. SEO 优势： 渐进式网络应用程序可被搜索引擎发现并且加载速度超快。就像其他网站一样，它们的链接也是可共享的。换句话说，这提供了良好的用户体验并导致 SEO 排名提升。

6. 离线能力： 由于 Service Worker API 的支持，PWA 可以在离线或低互联网连接下访问。

7. 安全性： PWA 通过 HTTPS 连接交付，并通过每次交互保护用户数据。

8. 推送通知： 通过推送通知的支持，PWA 可以轻松地与用户交互，并提供真正令人惊叹的用户体验。

9. 绕过应用商店： PWA 不需要应用商店或 Google Play 商店的支持。它们的更新版本可以直接从 Web 服务器加载，无需应用商店批准。另一方面，如果需要任何新的更新，本机应用程序需要几天的批准。有被拒绝或禁止的可能性。

10. 零安装： 在浏览过程中，渐进式网页应用在手机和平​​板电脑上有自己的图标，就像移动应用程序一样，但无需经过繁琐而缓慢的App Store安装过程。

渐进式网络应用程序的缺点：

1. 对系统功能的访问较少： 目前，Progressive Web Apps 对原生系统功能的访问比原生应用有限。此外，并非所有浏览器都支持其全部功能，但也许在不久的将来，它将成为新的开发标准。

2. 更多的安卓——苹果的 iOS 更少： 渐进式网络应用程序目前，大多数由安卓设备支持。Apple 的 iOS 仅提供部分支持。

3. 无审核标准： 渐进式网络应用不需要任何适用于应用商店原生应用的审核系统。它可能会使过程更快，但缺乏应用商店的促销优势。

渐进式网络应用程序清单：渐进式网络应用程序的清单 非常广泛。我在这里描述了它的几个主要项目。1. HTTPS 2. Web 应用清单 - manifest.json 3. Service Worker 4. 响应式设计 5. 应用图标 6. 即使在 3G 上也能快速加载

结论： 渐进式网络应用程序提供了巨大的可能性。尽管预计在不久的将来会有很多功能和浏览器适应性。但是，市场上已经存在的任何东西都足以显示强大的移动存在。

访问视频博客：https : //www.youtube.com/watch?v=NVXP-R​​zA0Eo

Answer 2

PWA 是一个具有某些先进功能的网站，最显着的是能够离线加载或在连接不稳定的区域加载、快速加载、显示推送通知以及具有其他本机应用程序品质。PWA 的好处是它们可以在任何浏览器上运行（因为它们是普通网站，如果浏览器不支持 PWA，那么用户将获得正常的网站体验），甚至是桌面浏览器。在移动设备上，用户经常会收到将网络应用程序安装到主屏幕的提示，这几乎是即时发生的，并且几乎不使用任何数据，因为网站已经加载。这允许比本机应用程序更多的“下载”，从而提高参与度。有关 PWA 的另一个简要概述，Google 有一些关于它们的精彩文章。

从技术上讲，PWA 是一个包含两部分的网站：Web 应用程序清单文件和 Service Worker。

清单是一个 JSON 文件（通常称为 manifest.json），其中包含有关渐进式 Web 应用程序的一些信息。它包含的信息类似于您在本机应用程序中包含的信息。它具有名称、在主屏幕上显示的短名称、图标、方向等。Web 应用程序清单可以在任何网站（甚至非 PWA）上使用，为浏览器提供更多信息并允许网站创建快捷方式在用户的主屏幕上，但它是 PWA 所必需的。您可以在 Google 开发者网站上阅读有关它的更多信息。

Service Worker 是一个 JavaScript 文件，可以由浏览器安装来执行某些任务。该文件将在网站后台运行，可以执行缓存资源、拦截网络请求（从缓存返回数据等操作）、接收推送通知、后台同步等操作。当用户首次访问您的网站时该 JS 文件已安装并开始运行。该文件允许诸如离线功能之类的功能。您还可以在 Google Developer 网站上阅读有关 Service Worker 的更多信息。