无商店
- web app不需要通过store去管理,不需要购买等,只要用户访问就会安装,也方便了app的分享只要一个网址即可。
消息通知
- 用户只要允许,即使网页关闭后仍然可以在系统通知栏收到推送消息。
后台加载
- 往常的网页应用只要关闭了网页他的生命就结束了,现在引入了一个 Service Worker 的概念,即使网页关闭,PWA 仍然可以在后台运行获取数据更新。
离线使用
- PWA 打开后会缓存一些内容,之后再次访问即使没有网络也可以浏览之前的页面。
原生界面
- PWA 应用可以控制浏览模式隐藏浏览器的地址栏,配置颜色,配置启动画面等,这样就与原生app的使用很类似了。
桌面图标
- PWA支持自动弹出提示框让用户把网页添加到桌面可以配置app的名字,启动画面等基础信息。
下面看看Google官方的说明
https://codelabs.developers.google.com/codelabs/your-first-pwapp/#0
渐进增强
– 能够让每一位用户使用,无论用户使用什么浏览器,因为它是始终以渐进增强为原则。
响应式用户界面
– 适应任何环境:桌面电脑,智能手机,笔记本电脑,或者其他设备。
不依赖网络连接 – 通过 Service Workers 可以在离线或者网速极差的环境下工作。
类原生应用
– 有像原生应用般的交互和导航给用户原生应用般的体验,因为它是建立在 app shell model 上的。
持续更新
– 受益于 Service Worker 的更新进程,应用能够始终保持更新。
安全 – 通过 HTTPS 来提供服务来防止网络窥探,保证内容不被篡改。
可发现
– 得益于 W3C manifests 元数据和 Service Worker 的登记,让搜索引擎能够找到 web 应用。
再次访问
– 通过消息推送等特性让用户再次访问变得容易。
可安装
– 允许用户保留对他们有用的应用在主屏幕上,不需要通过应用商店。
可连接性
– 通过 URL 可以轻松分享应用,不用复杂的安装即可运行。
下图为我们实践的一些基本效果图