數位細胞設計
網站與 App 開發

要做 App 還是網頁版?原生 App、跨平台、PWA 比較

更新 數位細胞設計股份有限公司

要做 App 還是網頁版?原生 App、跨平台和 PWA 怎麼選?

先確認需要的硬體功能、背景執行、儲存容量與系統支援;PWA 或跨平台方案無法滿足時,再評估原生開發。功能單純、希望訪客免安裝就能使用,選網頁版或 PWA;想一套程式碼同時上 iOS 與 Android,可選跨平台。多數服務可先做響應式網頁驗證需求。

「要不要做 App」常是老闆在做官網時順口提出的問題。答案取決於使用者要用它來做什麼、多常用,而不是 App 聽起來比較專業。

四種形式比較

四種形式的主要差異,在於能不能使用手機硬體、是否需要上架,以及維護幾套程式。

形式 做法 優點 限制
響應式網頁 瀏覽器開啟網址使用 免安裝、更新即時、搜尋引擎找得到 硬體功能與離線能力有限
PWA 網頁加上離線、主畫面安裝等能力 兼具網頁的便利與部分 App 體驗 各系統支援程度不同
跨平台 App 一套程式碼輸出 iOS 與 Android,常見框架有 Flutter、React Native 開發維護一套,省時間 特殊硬體功能仍可能要寫原生程式
原生 App 分別用 Swift/Kotlin 開發 iOS 與 Android 效能與系統功能整合最完整 兩個平台要分別開發維護

什麼時候需要 App

先確認這些需求,再看 PWA 或跨平台方案能不能滿足;都無法滿足時,才需要評估原生開發:

什麼時候網頁就夠了

網頁版也有一個優點:更新不用等商店審核,改好就立刻生效。使用者也不必先下載、註冊、授權通知,從點開連結到使用只差一步,對第一次接觸你的人門檻最低。

上架與維護要考慮的事

App 要上架 App Store 與 Google Play,需要開發者帳號、通過審核,並遵守各平台的政策,審核規則也會調整。系統每年更新,App 要跟著測試與修改,維護是長期工作。行動裝置的畫面尺寸多,也要持續測試。上架後的版本更新、使用者回報的問題和商店評論,也需要有人定期處理。

網頁版則要處理不同瀏覽器的相容性,詳細的手機版原則見 RWD 響應式網站是什麼。

跨平台與原生怎麼取捨

跨平台的好處是一個團隊、一套程式碼,功能改動時兩個平台同步更新。多數以表單、列表、會員和通知為主的商業 App,跨平台已能應付。原生開發則適合對動畫流暢度、系統新功能支援有高要求的產品,例如重度的相機、繪圖或遊戲類應用。選之前,先列出必要功能,再請開發團隊確認每項功能在跨平台框架下能不能做到。

實務上的建議順序

  1. 先做響應式網站,確認有人用、需求真實
  2. 觀察哪些功能常用,且網頁做起來不順
  3. 再評估把這些功能做成 PWA 或 App
  4. 決定做 App 時,優先考慮跨平台,除非有明確的原生需求

網站與 App 共用的資料與帳號系統,最好在一開始就規劃成可以共用,之後才不用重做。這類評估可以交給網站與 App 開發團隊,從你的使用情境出發,選合適的形式。

常見問題

PWA 是什麼?
PWA(Progressive Web App)是具備 App 部分體驗的網頁,例如可以加到主畫面、離線使用部分內容。PWA 不必透過應用程式商店就能使用或安裝,也可依平台規範封裝上架。各瀏覽器與系統支援的功能不同,上線前要實際測試。
App 上架要經過審核嗎?
要。iOS 上架 App Store 要通過 Apple 的審核,Android 上架 Google Play 也有審核與政策規範。審核規則會調整,預留時間處理退件修改比較安全。
小公司需要自己的 App 嗎?
不一定。如果主要需求是介紹服務、接收詢問或預約,響應式網站加上 LINE 官方帳號通常已經足夠。有會員常態使用、推播或手機硬體整合需求時,才值得評估 App。