PWA初体验
一、前言
现在市面上的Native APP成千上万个,各种应用商店里面的APP琳琅满目。原生的APP下载到手机上之后,用户就可以获取一个方便的入口,体验上也十分顺畅。但是再好的事物难免有点缺点:
1、开发成本高,一般同时安卓和ios两个版本;
2、版本迭代、打包、上传、过审这一些的步骤拉长了开发周期,有时候还有面临别被下架的风险;
3、不利于SEO;
相对于原生APP,web网页开发开发周期快,没有过审之类的烦恼,也更加利于SEO,当时也存在很明显的不足:
1、只能借助浏览器访问,没有桌面快捷入口;
2、不具备离线能力,offline就GG了;
3、不能主动给用户推送消息;
4、硬件权限的缺失;
有什么实现方案可以取其上两种方法的精华?微信小程序?PWA?
二、什么是PWA?
PWA全称Progressive Web App,是Google在移动时代力推的一个提升webapp性能和体验解决方案,是一种渐进式WEB应用。PWA应用,可以通过 Web 技术编写出一个网页应用.,随后添加上 App Manifest 和 Service Worker 来实现 PWA 的安装和离线等功能;
1、可添加webapp到桌面,无需下载,提供方便的入口;
2、可以离线储存,offline也不怕;
3、实现消息推送,方便用户回流;
4、持续更新,无版本更新迭代问题;
5、只能通过 HTTPS 协议提供服务,防止窥探和确保内容不被篡改;
三、核心技术
Web App Manifest
Service Worker
App Shell
Push Notification
Fetch API
Service Workers 只是后台运行的 worker 脚本。它们是用 JavaScript 编写的,它们便可使开发者能够拦截网络请求,处理推送消息并执行许多其他任务;
其他核心功能具体实现可以看《PWA-BOOK》!
四、后话
1、PWA的优势开头已经讲了,目前各大厂商虽没有明确的支持pwa,但是它还是有很多可以使用的点;
2、上次在腾讯web前端大会上听企鹅电竞PWA实践,收获颇多。
3、新技术的诞生是要经过时间的筛选,好的技术将会被不断更新,沉淀,最后更好的服务大家。
参考:
1、《PWA-BOOK》!
链接:https://pan.baidu.com/s/1GB4r9fAqrHA9o-o2RwUzRg
密码:h45t