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/

转载于:https://my.oschina.net/u/2251679/blog/3023662