PWA专题：前言，改善流量入口，PWA轻应用带来新机遇

时代在变革，方法在革新，应用走入轻量化。2018年随着轻量化的应用的开发，微信小程序，支付宝小程序，甚至更多的小程序层出不穷。用户从喜欢下载各类APP，体验各类不一样的应用。走入理性的大平台的入口。在2018年APP下载次数明显小于2017年。流量入口的战争也渐进尾声。多端开发，多端一键打包等新的开发模式也逐渐赢得了各大开发厂商的支持与追捧。那么在众多流量入口，APP商店下PWA这种依靠自身流量快速建立的轻应用前景如何呢？

让咱们先看看PWA的历史，最先2015年Google提出，并被苹果、微软看好。PWA是当时最先提出网络与应用相结合。在不理想的网络中，经过缓存（ServiceWorkers）快速加载、推送用户通知、具备桌面图标，而且可采用全屏等体验的方式的应用技术。目前已被广大的浏览器厂商支持。微软力捧 PWA ，将其列为应用商店中的“一等公民”。2018年4月第一批PWA应用上线微软的应用商店。初期微软尝试经过 Bing 爬虫在网络上寻找 PWA ，只要符合质量标准，就将其带到微软商店。后期开发者联盟也大力推荐PWA上线。经过商店安装的 PWA 将显示在开始菜单的应用程序中，可从 “开始” 和 “Cortana” 搜索到，并可以使用 UWP 应用的全套 WinRT API ，经过加强功能（如访问本地日历和联系人数据，拥有许可权）来提高它们在 Windows 10 上的体验。此外，用户也能够在商店中对 PWA 进行评论和评分，开发者可得到这些安装、卸载、分享和性能分析、评价等数据，并有针对性的进行改进。

同年iOS的safari开始支持ServiceWorker，PWA正式上线iOS系统，用户能够主动添加图标到主屏，能够不经过apple store直接生成桌面图标。点击体验也更趋向与Native App。

近年Native App的粘性已经远远高于Web，互联网公司大力开发Native App。几乎形成移动端Web访问量呈几何倍数递减。愈来愈少互联网公司愿意把产品投放在Web流量上，更愿意想尽办法主导流量入口。对于Web W3C确定是不甘心 2014 年， W3C 公布就公布过 Service Worker 的相关草案，Chrome 2015年开始支持。PWA 相关的技术不断升级优化，在用户体验和用户留存两方面都提供了很是好的解决方案。PWA 能够将 Web 和 App 各自的优点融合在一块儿：渐进式、可响应、可离线、实现相似 App 的交互、即时更新、安全、能够被搜索引擎检索、可推送、可安装、可连接。

随着Android的普及2018年google再度推出新的移动系统Fuchsia，根据开源的代码和google评述，google但愿Fuchsia可以统一安卓和ChromeOS，Fuchsia使用了了一个硬实时操做系统的内核。再也不基于 Linux 内核，而是基于名为 Zircon 的微内核。不管是存储器仍是内存之类的硬件要求都大幅下降。随着新的系统的发展，基于PWA会不会跟上新的一班快车呢？同时2018年第一个以PWA应用为主的商店也正式上线全部平台。

2016年开始关注PWA的发展，同年第一次接触PWA项目也是一个偶然，为一家大型商超管理系统作项目咨询，若是按照传统的方式完成基于移动端的全部产品将近10个月时间，这还要保证商超在10个月内不会出现新策略的前提下，固然这种解决方案是不可能的，后来就开始从多端打包上考虑，vue成为了首选。可是产品初期产品迭代确定会很快，5000+的管理帐号和100w级的客户资源，也并非明智之选。最后选择PWA，在管理系统上开始投放PWA应用。产品线的研发和应用，测试到上线也速度极速提高。PWA第一次使用给我WEB从业者更多的可能性。后续不断的在管理系统中使用了PWA技术也使我愈来愈喜欢上它。

仁者见仁，智者见智。技术人苦海行舟，PWA技术点很是多，使得不少朋友学一半就学不下去了，咱们经过本课程从最基础入手，陪你们一块儿啃下这轮新蛋糕。

• 缓存：前端最要命和最牛逼的都是缓存，PWA的离线技术也充分的使用了用户代理的缓存机制。在如下章节中咱们详细了解各类缓存机制：
• 配置：主要是规则和终端适配
• 服务：主要围绕web service，service workers，catch storage、indexedDb几个主要的服务展开
• PWA最基础的是必定要掌握Promise，因此在第五章咱们在从零学一遍Promise
• 最后就是上线的准备工做

转载自: https://wosclass.com/2019/03/07/%E5%89%8D%E8%A8%80%EF%BC%9A%E6%94%B9%E5%96%84%E6%B5%81%E9%87%8F%E5%85%A5%E5%8F%A3%EF%BC%8C%E8%BD%BB%E5%BA%94%E7%94%A8%E5%B8%A6%E6%9D%A5%E6%96%B0%E6%9C%BA%E9%81%87/