你是否曾希望web应用的行为更像真正的应用?

做好准备吧，一项名为“渐进式网络应用”的新技术旨在实现这一目标。

究竟什么是渐进式Web应用(PWAs)?

PWAs只不过是一些看起来和感觉起来像原生移动应用的网站。该应用程序旨在将现代浏览器提供的功能与移动体验的好处结合起来。
PWAs包括推送通知、离线支持、后台同步支持和其他现代功能。此外，它们还能访问你的位置、网络摄像头和其他普通原生应用程序所寻找的细节。当然，他们在访问之前会征得你的同意。

是什么让渐进式Web应用程序如此特别?

根据谷歌， PWAs是，

进步

适用于所有用户，无论选择哪种浏览器，因为它是以渐进增强为核心原则构建的。

响应

适合任何形式的因素:台式机，手机，平板电脑或任何下一个。

连接独立

通过服务工作者的增强，可以在离线或低质量网络上工作。

中

感觉像一个应用程序，因为应用程序外壳模型将应用程序功能与应用程序内容分开。

新鲜的

总是最新的，感谢服务人员更新的过程。

安全

通过HTTPS提供服务，以防止窥探，并确保内容没有被篡改。

可发现的

可识别为“应用程序”的原因是什么W3C清单而且服务人员注册范围，允许搜索引擎找到它。

Re-engageable

通过推送通知等功能让玩家更容易再次参与游戏。

可安装的

允许用户将他们认为最有用的应用程序添加到他们的主屏幕，而不需要应用程序商店的麻烦。

可链接

通过URL轻松共享应用程序，不需要复杂的安装。

渐进式Web应用程序是如何工作的?

PWAs通过现代网络技术得到增强，提供类似应用程序的体验。
这些应用程序将在你的任务栏上(在Windows 10和Chrome上)显示一个单独的窗口和快捷方式，或者在你的主屏幕上显示一个图标。
PWAs使用的技术包括:

• 用于快速加载的缓存API和IndexedDB
• Service Workers和推送通知的后台任务，如同步和发送通知时，应用程序不使用
• 获取API，方便数据请求
• Web应用程序清单文件，提供名称，图标，作者和描述
• HTTPS安全

PWAs在任何方面都不类似于谷歌的Chrome打包应用或微软的托管Web应用。这些应用被打包成一个文件(也就是小型离线包)，并提交到应用商店，供用户从Chrome Web store或Windows store安装和使用。而且，它们也有特定的平台，可以在Chrome或Windows上工作。另外，为了更新应用程序，Web应用开发者必须对脱机文件进行更改，然后向应用商店提交新版本。

另一方面，pwa从未打包成小型离线包。它们完全托管在网站的服务器上。开发人员更新应用程序就像更新网站一样。因此，所有支持PWAs的平台和浏览器都可以使用相同的应用程序。

PWAs最大的优点之一是代码的稳定性。该应用程序的桌面版和移动版都使用相同的版本。PWAs还可以在移动应用程序商店中列出，以便快速发现和安装。但是，在后端，应用商店将简单地指向PWAs服务器。

在原生应用中，Android使用Java, iOS使用Swift。所以有些人担心PWAs的性能，因为它主要使用JavaScript代码。但是，就性能而言，可以肯定地说渐进式应用程序已经非常接近了。

采用渐进式Web应用程序的热门公司

渐进式网络应用真的是网络的未来吗?

根据谷歌I/O 18随着新的Chrome67，渐进式Web应用程序将进入桌面。所以这个话题变得更热了。

这是根据谷歌Trends统计的2017年6月至2018年5月渐进式应用的流行趋势。
数字描述了这一点，值为100的术语是受欢迎程度的峰值，50意味着该术语是受欢迎程度的一半，得分为0意味着该术语没有足够的数据。
以下原因将说服你为什么渐进式Web应用程序将在未来占据主导地位。

此外,谷歌已经发表了案例研究证明了渐进式Web应用程序是如何提高技术和业务性能的。

根据comScore的数据，51%的用户在一个月内仍然没有下载任何应用。

这意味着即使你创造了一款应用，你也需要做大量工作来吸引用户下载它。但是，一个普通用户至少会设法在一个月内访问50个网站。因此，通过创建渐进式web应用程序，你可以覆盖更多用户。

WordPress +渐进式Web应用程序

WordPress并不完全支持在核心应用程序中创建渐进式web应用程序。然而，Jetpack团队致力于在未来增加渐进式Web应用程序的功能。

最近,一个PWA插件由XWP开发，谷歌和Automattic在WordPress插件目录下启动。

根据插件描述，它是用来实现对WordPress中的Service worker、Web App Manifest和HTTPS的支持的，目的是为了将核心逐条合并。
因此，这表明渐进式Web应用程序也正在进入WordPress核心。

PWA发展的顶级技术技能

这些都是你需要精通的顶级技术技能构建一个渐进的web应用程序．

ReactJs

AngularJs

Vue.JS

其他有用资源

• Addy Osmani在谷歌I/O ' 17:使用JavaScript框架制作渐进式Web应用程序
• 谷歌I/O ' 18 PWAs:搭建连接移动、桌面和本地的桥梁
• 谷歌的渐进式Web应用程序主页,分步代码实验室,教师指导PWA培训和你的第一个渐进式Web应用
• Pluralsight的从渐进式Web应用程序开始
• 为什么“渐进式Web应用vs原生应用”是一个错误的问题
• 2018年渐进式Web应用的现状
• 实时更新渐进式Web应用程序浏览器支持

ColorWhistle如何在渐进式Web应用程序项目上工作?

一般来说，渐进式Web应用程序是一个非常大的范围，需要很多技术知识。
在开始全面开发之前，ColorWhistle已经准备好与任何现代PWA项目一起进行PoC(概念证明)工作。
我们有技术能力和分析能力，提供经济上可行的业务解决方案。
如果你有任何疑问或想要创建一个渐进的web应用程序为了你的生意，请1manbetx.nte 任何时候。