為何捐款
API 瀏覽器
升級指南
NEW!
quasar.config 檔案
將專案轉換為搭配 Vite 的 CLI
瀏覽器相容性
支援 TypeScript
目錄結構
指令列表
CSS 預處理器
路由
懶加載 - 代碼分割
處理資源
啟動檔案
預取功能
API 代理
處理 Vite
處理 process.env
使用 Pinia 進行狀態管理
使用 Vuex 進行狀態管理
Linter
測試與稽核
開發行動應用程式
Ajax 請求
開放開發伺服器給公眾
Quasar CLI with Vite - @quasar/app-vite
什麼是 PWA

漸進式網頁應用程式 (PWA) 是一種使用現代網路功能來為使用者提供類似應用程式體驗的網路應用程式。這些應用程式符合特定要求(請參閱下方),並部署到網路伺服器,且可透過 URL(在 HTTPS 協定上)存取。

這可以與 Cordova 結合使用,為您的所有使用者提供多個部署目標。Quasar CLI 允許您將應用程式部署為 PWA 以及行動應用程式,並充分利用這兩種管道。

必要條件

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

  • 漸進式 - 適用於每位使用者,無論瀏覽器選擇為何,因為它們是基於漸進式增強作為核心原則而建置的。
  • 反應靈敏 - 適用於任何外形尺寸,桌上型電腦、行動裝置、平板電腦或任何接下來的裝置。
  • 連線獨立 - 透過 Service Worker 增強,可在離線或低品質網路下運作。
  • 類應用程式 - 使用應用程式外殼模型來提供應用程式風格的導航和互動。
  • 新鮮 - 由於 Service Worker 更新程序,始終保持最新狀態。
  • 安全 - 透過 HTTPS 提供服務,以防止窺探並確保內容未被竄改。
  • 可探索 - 由於 W3C Manifest 和 Service Worker 註冊範圍,可識別為「應用程式」,讓搜尋引擎能夠找到它們。
  • 可重新互動 - 透過推播通知等功能,讓重新互動變得容易。
  • 可安裝 - 允許使用者將他們認為最有用的應用程式「保留」在主畫面上,而無需應用程式商店的麻煩。
  • 可連結 - 透過 URL 輕鬆分享,且不需要複雜的安裝。

更多資訊請參閱 Addy Osmani 的關於 PWA 的文章

Manifest 檔案

應用程式 Manifest 檔案描述您的應用程式將需要的資源。這包括您應用程式的顯示名稱、圖示以及啟動畫面。您會看到它位於 `/src-pwa/manifest.json`。更多資訊:Manifest 檔案

Service Worker

Service Worker 提供了一種程式化的方式來快取應用程式資源(檔案)。程式化 API 允許開發人員決定如何處理快取,並提供比其他選項更靈活的體驗。

更多資訊:Service Worker API