[教學] 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