如何把网站改成PWA,首先我们要了解知道什么是PWA
PWA是什么?
Progressive Web Apps (下文以“PWAs”代指) 是一个令人兴奋的前端技术的革新。PWAs综合了一系列技术使你的 web app表现得就像是 native mobile app。相比于纯 web 解决方案和纯 native 解决方案,这是一个很好的方案用于 app网站建设。
PWA对于开发者和用户有以下优点:
- 你只需要基于开放的 W3C 标准的 web 开发技术来开发一个app。不需要多客户端开发。
- 用户可以在安装前就体验你的 app。
- 不需要通过 AppStore 下载 app。app 会自动升级不需要用户升级。
- 用户会受到‘安装’的提示,点击安装会增加一个图标到用户首屏。
- 被打开时,PWA 会展示一个有吸引力的闪屏。
- chrome 提供了可选选项,可以使 PWA 得到全屏体验。
- 必要的文件会被本地缓存,因此会比标准的web app 响应更快(也许也会比native app响应快)
- 安装及其轻量 — 或许会有几百 kb 的缓存数据。
- 网站的数据传输必须是 https 连接。
- PWAs 可以离线工作,并且在网络恢复时可以同步最新数据。
虽然PWA不是所有浏览器都支持,但是我们不需要担心, 因为pwa是渐进增强的, 你的app仍然可以运行在不支持 PWA 技术的浏览器里。用户不能离线访问,不过其他功能都像原来一样没有影响。综合利弊得失,没有理由不把你的 app 改进为 PWA。