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

2021年7月9日 2064点热度 0人点赞 0条评论

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需要和入口文件在同级别目录，其他文件无特殊（八成是我的目录结构写的有问题，算了）。