程序开发实例 · 2021年7月9日 0

为导航页添加PWA(progressive web app)应用

Progressive Web App (中文翻译为:渐进式Web应用),它不需要进行任何安装。详细介绍可转博客园

https://www.cnblogs.com/mouseleo/p/10961581.html

最直观的形式就是,在配置之后,安卓与windows的chrome官方应用都可以快速在桌面生成一个应用,点击就可以快速进入。在windows端,pwa应用类似一个chrome插件。在安卓端,是一个简单的apk程序。pwa可以在不可靠的网络上也快速加载(本地缓存)、能够发送推送通知、具有桌面图标,设置自启动并且可采用顶层全屏体验的方式加载等。

演示站点 https://jiawei.xin

demo https://act.jiawei.xin:10086/tmp/pwa/a2hs/

demo源码 https://github.com/xinjiawei/pwa_Progressive_Web_App

部署时的注意:sw.js需要和入口文件在同级别目录,其他文件无特殊(八成是我的目录结构写的有问题,算了)。

pwa目录结构
pwa目录结构