认识达内从这里开始

随着互联网的不断发展，越来越多的移动设备都可以接入互联网访问了。今天，我们就一起来了解一下，在这种环境下的web站点会发生哪些变化。

移动Web访问将会将会超过其他设备的总和，面对这种趋势，你能视若无睹吗?

好消息是实现PWA并不困难。实际上，将现有的Web站点转换为PWA是非常具有可行性的。在本教程中，我们会讨论这一话题，在本文结束的时候，我们将会有一个行为与原生Web应用一致的站点。它能够离线运行并且具有自己的主页屏幕图标。

什么是渐进式Web应用

渐进式Web应用(Progressive Web Apps，也被称为PWA)是Web技术方面一项令人兴奋的创新。PWA混合了多项技术，能够让Web应用的功能类似于原生移动应用。它为开发人员和用户带来的收益能够突破纯Web解决方案和纯原生解决方案的限制:

你只需要一个按照开放、标准W3C Web技术开发的应用，不需要开发单独的原生代码库;

用户在安装之前就能发现并尝试你的应用;

没有必要使用AppStore，无需遵循复杂的规则或支付费用。应用程序会自动更新，无需用户交互;

用户会被提示“安装”，这样会添加一个图标到主屏幕上;

当启动的时候，PWA会展现一个有吸引力的启动闪屏画面;

如果需要的话，浏览器的chrome选项可以进行修改，以便于提供全屏的体验;

基本文件会在本地缓存，所以PWA要比标准Web应用反应更快(它们甚至能够比原生应用更快);

安装是轻量级的，可能只需几KB的缓存数据;

所有的数据交换必须要通过安全的HTTPS连接来执行;

PWA支持离线功能，当网络恢复后，数据会进行同步。

虽然还言之过早，但是一些案例研究都是正面的。Flipkart是印度大的电子商务网站，在他们放弃原生应用并转向PWA之后，销售转化率提高了70%并且用户的在线时长增加了三倍。阿里巴巴是世界大的商务交易平台，转化率同样经历了76%的增长。

Firefox、Chrome和其他基于Blink的浏览器都能很好地支持PWA技术。微软正在致力于Edge的实现。苹果依然保持沉默，但是在WebKit的五年计划中有一些值得期待的评论(iOS 11.3中已经添加了对PWA的支持，但是有一定的局限性，参见InfoQ之前的报道。——编辑注)。但是，浏览器的支持其实没有太大的影响……

渐进式Web应用是渐进式的增强

你的应用依然能够在不支持PWA技术的浏览器中运行。只是用户无法体验离线功能的好处，但其他的功能都能像以前一样运行。考虑到成本-效益的回报，没有理由不将PWA技术应用到你的系统中。

它不仅仅是App

谷歌引领了PWA运动，所以大多数的教程都描述了如何从头开始构建一个基于Chrome的、外观看上去类似于原生的移动应用。但是，我们并不一定需要一个特殊的单页应用，或者要遵循material界面的设计指南。大多数的Web站点都可以在几个小时内转换为PWA，其中包括WordPress或静态站点。

作者：Craig Buckler

译者：张卫滨

节选：infoq

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!