[教学] PWA 更新通知

楼主: VdustR (京)   2020-03-19 02:47:47
大家好。
在使用 Vuepress 或 CodeSandbox 的时候,
有时候会跳出更新通知,
而这些 Web App 在离线状态的时候仍然可以浏览已经下载好的内容,
这就是 PWA 的功能之一,
而我们可以使用 workbox 套件轻易地达成这种效果。
在 CRA 和 Vue CLI(PWA plugin) 的设定默认 reload page 是不会更新到最新版的,
使用者并不会主动甚至有些接口根本无法使用 hard reload
最近研究了 PWA 跳出更新通知并且按下按钮就重新取得最新版的方法,
并以 React 和 Vue 写了简单的范例分享:
https://github.com/VdustR/example-pwa-update
请多多指教 :)
作者: Rplus (R+) (9527)   2020-03-19 22:35:00
推推~不过是不是写在 index.js 就好?不用写到 view 里?
楼主: VdustR (京)   2020-03-20 10:25:00
可以~ 这边放在 component 内是为了方便改变状态

Links booklink

Contact Us: admin [ a t ] ucptt.com