让你的网站支持 PWA

作者:frank 发表日期:2017-10-27 21:16:27 更新日期:2017-10-27 21:22:41 分类:猿文色

摘要

让你的网站支持 PWA

正文

​​准备工作:

  1. 你要有一个域名, 比如 https://js.0xfc.cn, 可以去各大域名厂商注册域名;
  2. 你的网站要支持 HTTPS, 可以去腾讯云申请免费证书, https://console.cloud.tencent.com/ssl;


如何支持 PWA: 

直达链接


PWA 优点:

  1. 只需要基于 w3c web 开发一个 web app, 不需要开发 native app
  2. 不需要下载 app 安装包, app 会自动升级

  3. 用户会收到安装提示, 点击安装后会增加一个图标到用户首屏

  4. chrome 提供了选项可以使全屏体验

  5. 必要的文件会被本地缓存, 因此会比标准的 web app 响应更快, 也许也会比 native app响应快

  6. 安装及其轻量, 或许会有几百 kb 的缓存数据

  7. 网站的数据传输必须是 https 连接

  8. PWA 可以离线工作, 并且在网络恢复时可以同步最新数据