[教學] PWA 更新通知

看板Ajax作者 (京)時間4年前 (2020/03/19 02:47), 編輯推噓1(102)
留言3則, 2人參與, 4年前最新討論串1/1
大家好。 在使用 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 請多多指教 :) -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 39.12.197.83 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1584557270.A.69B.html

03/19 22:35, 4年前 , 1F
推推~
03/19 22:35, 1F

03/19 22:38, 4年前 , 2F
不過是不是寫在 index.js 就好?不用寫到 view 裡?
03/19 22:38, 2F

03/20 10:25, 4年前 , 3F
可以~ 這邊放在 component 內是為了方便改變狀態
03/20 10:25, 3F
文章代碼(AID): #1UScpMQR (Ajax)
文章代碼(AID): #1UScpMQR (Ajax)