首頁 › 名詞百科 › 漸進式網頁應用（PWA）

數位與系統・Knowledge

漸進式網頁應用（PWA）

Q: 漸進式網頁應用（PWA）是什麼？

能安裝到手機主畫面、離線使用、收推播的網站，不用上架商店，一套程式跑所有裝置。漸進式網頁應用（PWA）是一種讓網站具備應用程式體驗的技術組合：一份應用程式資訊檔讓網站能被加到手機主畫面並以全螢幕開啟，一支背景服務程式負責快取頁面與資料以支援離線使用與快速載入，加上推播通知的能力。它仍是網站：網址就能打開、能被搜尋引擎索引、更新即時生效、不必經過商店審核，一套程式碼服務所有裝置。限制是藍牙、NFC、背景持續定位等硬體功能不開放，且 iOS 對推播與安裝有較多條件。適合查詢、預約、填寫與內部工具。

能安裝到手機主畫面、離線使用、收推播的網站，不用上架商店，一套程式跑所有裝置。

關鍵事實

三個組成：應用程式資訊檔、背景服務程式（快取與離線）、推播通知
優勢：不用上架、即點即用、可被搜尋、更新即時、一套程式所有裝置
限制：藍牙、NFC、背景持續定位等硬體功能不開放；iOS 條件較多
前提：全站 HTTPS，網站本身已是 RWD 且結構良好
升級路徑：需要商店曝光時可用外殼工具包成可上架的 App，核心仍是同一套網頁

白話解釋

漸進式網頁應用（PWA）是一種讓網站具備應用程式體驗的技術組合：一份應用程式資訊檔讓網站能被加到手機主畫面並以全螢幕開啟，一支背景服務程式負責快取頁面與資料以支援離線使用與快速載入，加上推播通知的能力。

它仍是網站：網址就能打開、能被搜尋引擎索引、更新即時生效、不必經過商店審核，一套程式碼服務所有裝置。限制是藍牙、NFC、背景持續定位等硬體功能不開放，且 iOS 對推播與安裝有較多條件。適合查詢、預約、填寫與內部工具。

你什麼時候會遇到它

開發公司建議「先做 PWA 不要急著做 App」；你希望顧客不用下載就能把你的服務放在主畫面；現場人員在網路不穩的地方要填資料；或是想發推播通知卻不想維護兩個平台的 App。這些都是 PWA 的典型使用情境。

常見情境與對策

民宿想讓回頭客一鍵查訂房與收到活動通知，但不想做 App——把官網的會員與訂房頁做成 PWA，引導加到主畫面並開啟推播；iOS 使用者要說明先加到主畫面的步驟。
工地或農場人員要在沒有訊號的地方填寫巡檢紀錄——用 PWA 的離線快取讓填寫頁面與資料在離線時可用，恢復連線後自動同步，並處理同一筆資料的衝突規則。
PWA 上線後使用者說看到的永遠是舊版——背景服務程式的快取策略設成永久快取而沒有更新檢查；改為上線即檢查新版並提示重新整理，重要資料走網路優先。

LINE 諮詢

把App 開發的現況與需求傳過來，先免費書面初判。

傳什麼: 現有網站網址與後台權限還沒有網站也能先談
商品或服務清單、作業流程說明表單樣張或試算表皆可
需求清單一句話也行
多久回: 週一至週五 09:00–18:00 依序回覆；LINE 全天可傳資料
下一步: 免費書面初判
約時間細談
委任開發

先傳資料做初判，需要時再約時間細談

加 LINE 諮詢App 開發，偉騰統包開發

程序怎麼走

確認需求適合：核心功能不需要 PWA 做不到的硬體能力，目標使用者的裝置與推播需求已評估。
補齊三個組成：在既有 RWD 網站加上應用程式資訊檔、背景服務程式與推播服務，全站 HTTPS。
設計離線與快取策略：決定哪些頁面與資料離線可用、更新檢查的時機、資料同步與衝突規則。
實機測試：在 Android 與 iOS 實機測試安裝、離線、推播與更新，記錄各平台的限制。
引導與監控：在網站提示使用者加到主畫面，監控安裝數、推播送達與快取錯誤。

先看清楚

快取策略要正確，否則使用者會一直看到舊內容；iOS 上的推播需要使用者先加到主畫面，且功能限制每年變動，要以當下實測為準；全站必須是 HTTPS。核心功能若需要藍牙、NFC 或背景定位，PWA 不是選項。

常見錯誤

沒評估硬體需求就選 PWA——核心功能要藍牙，上線後才發現做不到。
快取策略錯誤——使用者永遠看到舊內容，以為網站壞了。
以為 iOS 體驗與 Android 相同——推播沒人收到，因為沒引導使用者先加到主畫面。

行動前自查清單

核心功能清單已確認沒有 PWA 做不到的項目
全站 HTTPS，應用程式資訊檔與背景服務程式已就位
快取與更新策略已設計並測試，重要資料網路優先
Android 與 iOS 實機測試完成，限制已記錄並有引導說明
安裝數、推播送達與快取錯誤有監控

常見問題