漸進式網頁應用程式

網路...但更好

漸進式網頁應用程式 (PWA) 是一種使用現代網路功能，為使用者提供類似應用程式體驗的網頁應用程式。這些應用程式符合某些要求（請參閱下方），部署到伺服器，可透過 URL 存取，並由搜尋引擎索引。

這可以與 Capacitor 結合使用，為所有使用者提供多個部署目標。您可以將您的應用程式部署為 PWA 以及原生應用程式，並利用這兩個管道的優勢。

Ionic 允許您不僅將應用程式發佈到應用程式商店，還可以作為 PWA 部署到行動網路。

所需條件

要被視為漸進式網頁應用程式，您的應用程式必須是

• 漸進式 - 適用於每位使用者，無論瀏覽器選擇為何，因為它們的核心原則是以漸進式增強功能建置。

• 響應式 - 適用於任何外形尺寸，桌上型電腦、行動裝置、平板電腦，或任何下一代裝置。

• 連線獨立 - 使用服務工作者增強，可在離線或低品質網路下運作。

• 類似應用程式 - 使用應用程式外殼模型來提供應用程式風格的導覽和互動。

• 最新 - 由於服務工作者更新流程，因此始終保持最新狀態。

• 安全 - 通過 HTTPS 提供服務，以防止窺探並確保內容未被竄改。

• 可探索 - 由於 W3C 清單和允許搜尋引擎找到它們的服務工作者註冊範圍，因此可識別為「應用程式」。

• 可重新參與 - 通過推播通知等功能，輕鬆重新參與。

• 可安裝 - 允許使用者在他們的主畫面上「保留」他們認為最有用的應用程式，而無需應用程式商店的麻煩。

• 可連結 - 可通過 URL 輕鬆分享，而無需複雜的安裝。

Addy Osmani：漸進式網頁應用程式

這裡有很多內容，但對於 Ionic 應用程式來說，可以歸納為幾點。

離線支援

應用程式應該能夠離線運作。無論是顯示正確的「離線」訊息還是快取應用程式資料以供顯示。

網頁應用程式清單

應用程式清單檔案應描述您的應用程式將需要的資源。這包括您應用程式的顯示名稱、圖示以及啟動畫面。如果您在 index.html 中連結到清單檔案，瀏覽器將會偵測到並為您載入資源。

服務工作者

服務工作者可以在離線支援中提及，但它確實應該有自己的章節。服務工作者提供了一種以程式方式快取應用程式資源的方式。無論是 JavaScript 檔案還是來自 HTTP 請求的 JSON 資料。程式設計 API 允許開發人員決定如何處理快取，並提供比其他選項更靈活的體驗。