如何初始化所有網站頁面的sw-precache

Question

我想使應用程序完全脫機。即用戶點擊一個按鈕（或不這樣做，這可能會自動發生），並且每個頁面（包括所有動態頁面）和網站上的資源都可以被緩存。

我知道我需要生成所有資產的列表，是否有一個工具可以做到這一點，或者任何內置於sw-precache的方式？

此外，緩存的容量有多大，可用的時間有多長？我認爲它可以是任何大小和可用，除非用戶特別清除瀏覽器緩存。

Answer 1

如果您有一個本地目錄充滿了靜態文件（HTML，JS，CSS等），sw-precache可以配置爲根據您傳入的模式自動預先緩存所有這些文件（或它們的某些子集） staticFileGlobs option。在您進行本地更改時，用戶瀏覽器中先前預先緩存的條目將保持最新狀態，重新生成service-worker.js並重新部署。

通常，使用高速緩存存儲API可以存儲的最大數據量沒有硬性上限。這取決於當前空間的空間量（可能還有其他啓發式）。

在確定哪些文件被預先存儲並確保它們實際上是用戶可能覺得有用的文件時，您應該考慮周全。例如，如果用戶第一次訪問您的（假想的）文檔站點，他們最終將下載和存儲數千個單獨的HTML文檔，這會浪費您的服務器和用戶的帶寬 - 除了佔用空間用戶的設備。

如果您有大量資源是可選或不可能被所有訪問者需要的，那麼對於關鍵資源使用預先緩存策略，以及針對可選資源的runtime caching strategy是最佳選擇。您可以將運行時緩存策略與最大緩存大小或最大時間相結合，底層的庫將負責爲您刪除舊條目。