📱
📱 App 開發
PWA 響應式 Web App
讓你的服務不用上 App Store、不用等審核，用戶加到桌面就像原生 App — 推播通知、離線使用、跨平台一套程式碼，省 Apple 30% 抽成。
這個服務適合誰？
- ✓想做 App 但怕審核被拒的中小企業
- ✓會員系統 / 點數集點 / 預約管理用網頁就夠
- ✓想快速驗證想法，不願意押 Apple 年費
- ✓原生 App 對目標用戶來說太重
你是不是也遇到這些狀況？
如果中了兩個以上，這個服務就是為你而設計的。
- ⚠送 Apple 審核被退件退到懷疑人生
- ⚠Flutter / React Native 開發貴、iOS 一份 Android 一份
- ⚠App 上架完沒人下載，付 Apple 年費卻零收益
- ⚠Web 版又沒有推播、沒有加到主畫面
- ⚠用戶每次要開瀏覽器輸入網址，摩擦大
核心流程怎麼跑？
我們把每一步攤給你看 — 沒有黑盒子、沒有意外費用。
W1
UI + 離線邏輯
W2–3
功能開發 + 推播
W4–5
桌面安裝引導 + 上線
- 1
決策確認
真的需要 App 嗎？列出必要 App 能力再推 PWA，避免做完才發現該做原生。
- 2
響應式 UI
手機優先設計，也適配平板和桌機；每個視覺元素都可觸控。
- 3
Service Worker
離線快取策略，靜態資源離線可讀、網路爛時仍可用。
- 4
推播通知
Firebase Cloud Messaging 設定，iOS 16.4+ 與 Android 都支援。
- 5
「加到主畫面」引導
合適時機（第二次訪問時）引導用戶收藏，轉換率最大化。
- 6
Lighthouse PWA 優化
Lighthouse 可安裝分數與效能達 PWA 標準，交付前實測通過。
- 7
上線 + 分析
追蹤安裝率、推播點擊率、再訪率，給你看實際效益。
📦 你會拿到什麼
- PWA Web App（支援 iOS / Android / 桌機）
- 可離線使用 + 加到桌面
- Firebase Cloud Messaging 推播
- Lighthouse PWA 達標可安裝
- 安裝引導流程
- 推播管理後台
🛠 技術棧
- Next.js 14 + TypeScript
- Service Worker（next-pwa）
- Firebase Cloud Messaging
- IndexedDB / LocalStorage
- Vercel
Lighthouse PWA 達標可安裝
iOS / Android / 桌機三端支援
免 Apple 30% 抽成
常見問題
客戶最常問的那幾題，我們直接攤給你看
PWA 跟原生 App 差在哪？iPhone 的 PWA 好用嗎？
PWA = 可以裝到桌面、支援推播、可離線的網站。差別：①iOS PWA 沒有原生 UI、推播從 iOS 16.4 開始才支援、②原生硬體（藍牙、NFC、深度相機）做不到、③上 App Store 只能用特殊包裝。簡單服務（集點、預約、會員）PWA 完全夠用、開發成本 1/3、上線零摩擦。
推播真的能像 LINE 那樣用嗎？
可以，但要用戶同意。訂閱授權後，你可以從後台發個人化推播（例如：「你預約的課程明天開始」）。打開率平均 15–30%（比 email 高得多）。iOS 限制多一點（必須先加到主畫面才能收推播），Android 沒有限制。
「加到主畫面」會不會很少人做？
沒引導的話確實沒人做（10% 以下）。我們會設計「時機對的提示」— 例如第 2 次訪問時跳一個小卡片「加到主畫面，下次一秒打開」。有做引導的 PWA，加到主畫面率可到 30–50%。之後這些人就像擁有一個 App。
做完要升級原生 App，是不是要全重做？
不用全重做。我們的架構用 Next.js + TypeScript 寫，未來要升 React Native / Flutter 可以共用 API 層、商業邏輯和部分 UI。PWA 先驗證市場，PMF 確定再投資原生，不會白做。