用外行的话来说,什么是进步的网络应用?

概念 (PWA)于2015年末被谷歌接洽。它们基本上是web应用程序(网站),但外观和感觉与其他本地移动应用程序类似。支持渐进式web应用的网站可以提供离线工作、推送通知和设备硬件访问等功能。

渐进式web应用的优点:

1、更小更快: 渐进式web应用程序的大小比本地应用程序小得多。它们甚至不需要安装。也就是说,它们不会浪费磁盘空间,加载速度也不会很快。

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

3、无需更新: 大多数移动应用程序需要每周定期更新。与普通网站一样,每当用户交互发生时,渐进式网络应用程序(PWA)总是加载最新版本,无需应用程序或游戏商店批准。

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

5、SEO优势: 渐进式网络应用程序可以被搜索引擎发现,加载速度极快。就像其他网站一样,他们的链接也可以共享。换句话说,这会给用户带来良好的体验,并提高搜索引擎优化排名。

6、离线能力: 由于服务工作者API的支持,PWA可以在脱机或低互联网连接中访问。

7、安全: PWA通过HTTPS连接交付,并在每次交互中保护用户数据。

8、推送通知: 通过推送通知的支持,PWAs可以轻松地与用户交互,并提供真正令人惊叹的用户体验。

9、绕过应用商店: PWA不需要App store或Google play store支持。他们的更新版本可以直接从web服务器加载,无需app store批准。另一方面,如果需要任何新的更新,本机应用程序需要几天的批准。有可能被拒绝或禁止。

10、零安装: 在浏览过程中,progressive web app在手机和平板电脑上拥有自己的图标,就像移动应用程序一样,但不需要经历繁琐而缓慢的app Store安装过程。

渐进式web应用的缺点:

1、对系统功能的访问更少:

2、安卓多苹果少iOS: 目前,Android设备最支持渐进式网络应用。苹果iOS只是部分支持。

3、无评审标准: 渐进式网络应用不需要任何适用于应用商店原生应用的审查系统。这可能会加快进程,但缺乏应用程序商店的促销优势。

渐进式web应用检查表: 1.HTTPS 2.Web应用程序清单-清单。json 3、服务人员 4、响应性设计 5、应用图标 6、即使在3G上,首次加载速度也很快

结论:

访问视频博客: https://www.youtube.com/watch?v=NVXP-RzA0Eo

PWA是一个具有某些渐进功能的网站,最显著的是能够离线加载或在连接不稳定的区域加载,快速加载,显示推送通知,并具有其他本机应用程序质量。PWA的好处是,它们可以在任何浏览器上运行(因为它们是一个普通的网站,如果浏览器不支持PWA,那么用户就可以获得正常的网站体验),甚至是桌面浏览器。在移动设备上,用户经常会被提示在主屏幕上安装web应用程序,这几乎是瞬间发生的,并且几乎不使用任何数据,因为网站已经加载。这允许比本地应用程序更多的“下载”,从而提高参与度。关于PWA的另一个简要概述, Google has some great articles about them.

从技术上讲,PWA是一个有两件事的网站:一个web应用程序清单文件和一个服务人员。

清单是一个JSON文件(通常称为manifest.JSON),其中包含有关渐进式web应用程序的一些信息。它包含与本机应用程序类似的信息。它有名称、用于在主屏幕上显示的短名称、图标、方向等。web应用程序清单可以在任何网站(即使是非PWA)上使用,以向浏览器提供更多信息,并允许网站在用户的主屏幕上创建快捷方式,但PWA需要它。 You can read more about it over on the Google Developer's site.

服务工作者是一个JavaScript文件,可以通过浏览器安装该文件来执行某些任务。该文件将在站点后台运行,可以缓存资源、拦截网络请求(从缓存返回数据)、接收推送通知、后台同步等。当用户首次访问您的站点时,该JS文件将安装并开始运行。这是一个允许脱机功能的文件。 You can read more about service workers on the Google Developer's site as well.

粗略地说,PWA是一款具有本土感觉的web应用程序,可以安装到用户的主屏幕上,并可以启动&当互联网连接可用时,使用可选的服务器同步脱机工作。

To be considered a Progressive Web App, your app must be :

• 进步的

• 反应敏捷的 -适合任何外形,台式机、手机、平板电脑或其他 是下一个。

• 连接独立 -加强服务人员的工作 离线或在低质量网络上。

• 类似应用程序 -使用应用程序外壳模型提供应用程序风格的导航和

• 新鲜的 -由于服务人员更新过程,始终保持最新。

• 安全 -通过HTTPS提供服务,以防止窥探并确保内容没有 被篡改。

• 可发现的 -由于W3C,可以识别为“应用程序” 清单和服务人员注册范围允许搜索

• 可雇佣的 -通过推送等功能轻松实现重新参与 通知。

• 可安装 -允许用户保留他们认为最有用的应用 他们的主屏幕没有应用商店的麻烦。

• 可链接 -通过URL轻松共享,无需复杂安装。

我认为PWA是一个相当广泛的术语。我之所以说广泛,是因为有很多方法可以开发和分发PWA。用外行的话说,渐进式Web应用程序是一个像本地应用程序一样有效使用/显示的“网站”。我相信这方面的一个例子是phonegap?phonegap构建了一个应用程序“包围/脚手架”,并在顶部显示了一个带有一些自定义CSS的网页。(编者按:Phonegap与渐进式web应用程序无关。Phonegap创建实际的本机应用程序。将网站包装在本机应用程序中与渐进式web应用程序非常不同。)

最近,虽然我一直在开发很多基于react-only的网站,但我认为这是目前最接近PWA的网站(尤其是对于那些只支持最低功能的IOS,以鼓励你为他们的应用商店构建本机应用程序)。

但它基本上是一个类似应用程序的应用程序,而不是一个应用程序;从网页渲染:thumbsup: