【OutSystems專欄】原生行動vs漸進式網頁應用程式 – 開發者評估指南

所有網路流量中至少一半以上來自行動裝置,使用者期待著應用程式在手機上擁有好的服務體驗,但這是否意味著您必須投資於原生行動應用程式的創建和維護?

漸進式網頁應用程式(Progressive Web App,PWA)是行之有效的替代方案。漸進式網頁應用為您的使用者提供了類似於原生行動應用程式(Native Mobile App)的體驗,但在後端看來,它們只是在標準的網頁應用程式上添加了一些行動裝置友善的附加功能。PWA 可以幫助您更快速地縮短開發時間、快速進入市場、提高曝光度,並減少維護成本。

OutSystems,世界領先級低代碼開發平台,新推出的這份評估指南,將介紹 PWA 的優點、缺點以及 OutSystems 如何協助開發 PWA。閱讀本篇文章後,相信您將能夠判斷下一個行動應用程式是否可能選擇以 PWA 的形式開發。

漸進式網頁應用的基本原理

PWA 以標準網頁應用程式為基礎,它如何能成為原生行動應用程式的替代方案?

在包括 Safari、Chrome 和 Edge 在內的現代瀏覽器上,PWA 可利用以下三種技術來提供類似原生行動應用般的體驗。而在舊版瀏覽器上,PWA 仍提供標準網頁應用程式的體驗來運行。

服務工作線程 Service workers
Service Worker 讓網頁能擁有與 App 一樣的離線和訊息推播功能。這是實現類似原生行動應用體驗的關鍵,使您能夠直接在設備上運行後台 JavaScript 程式,這減少了伺服器的往返需求,意味著 PWA 響應速度更快,而且並不總是需要依賴網路。

離線快取 Offline cache

Service Worker 的好處不僅是提高響應速度,還允許在設備上對數據進行本地快取。有了離線的功能和數據後,PWA 可以在沒有網路連接的情況下工作,並在設備恢復連線時與伺服器同步。

應用程式清單 App manifest

就像原生應用程式,使用者可以在設備上安裝 PWA。每個 PWA 都有一個名為應用清單的 JSON 文件。該文件規定了 Icon、應用程式 URL 和其他相關數據,這意味著使用者體驗與一般的 App 幾乎沒有區別。

漸進式網頁應用的業務價值

從開發的角度出發,使用標準網頁工具的單一代碼庫開發的 PWA 優勢顯著,但 PWA 對於提升使用者參與度和投資回報率又能提供什麼幫助?

提升曝光度

還記得 PWA 仍只是個網頁應用程式嗎?搜索引擎會像對其他網站一樣對 PWA 進行索引。Google 承諾對行動端進行優先索引,因此 PWA 的排名會更高,通常會出現在搜索結果頁首頁的頂部精選區。

培養用戶黏著度

一旦安裝後,PWA 會像其他原生應用程式一樣出現在設備的主畫面上。可以把 PWA 當作一個可以移動的網頁,使用者不必再打開瀏覽器操作,只需點擊一下主畫面就可以直接存取。

增加效能

根據 Google 最近的一項研究,當行動版網頁載入速度超過 3 秒時,高達 53% 的使用者會選擇離開,因此在採用率方面,速度是至關重要的。由於 PWA 能夠在離線狀態下工作,所以載入和運行速度會更快。

即時更新

PWA 始終保持在最新版本。每次當使用者連接到伺服器時,應用程式可以無線自動更新,無需手動核准。

響應式設計

PWA 能適應任何螢幕尺寸,不受設備的影響,始終保持一致的體驗。

提升可共享性

使用者可以輕鬆用連結來分享和使用 PWA,不需要透過應用程式商店或等待慢長的下載時間(同時適用於 Android 與 iOS 用戶)。

原生設備功能

就像原生應用程式,PWA 可以利用設備的硬體功能和儲存空間,還能讓使用者透過內建的支付系統(如 Apple Pay 或 Google Pay)進行支付。

總結來說,PWA 是透過平台之間的共享代碼庫(Shared Code Base)和無需應用程式商店即可部署的能力,加速實踐您的目標。透過熟悉的 Web 技術(例如 HTML、CSS 和 JavaScript)進行開發以及本身具備的跨平台兼容性,使用者將無需再花費時間學習新的技術或針對多種設備單獨設計,漸進式網頁應用可以大幅縮短開發時間,並節省開發成本(此外,還省下了 15% 應用程式商店的收入分成!)。

OutSystems 如何加速 PWA 開發

如果您選擇開發 PWA 應用程式,使用 OutSystems 將具有許多優勢。一旦您使用 OutSystems 快速直觀的視覺化開發工具創建了行動應用程式,只需要一次切換即可將其作為 PWA 發布,這樣就能減少重複開發的時間,並在其他方面為客戶帶來更大的價值。

無需額外知識

擁有使用 OutSystems 開發響應式網頁應用和行動應用的能力,您就擁有了開發 PWA 的全部所需能力。OutSystems 將負責建立應用程式清單和服務工作流程以自動創建 PWA。

單一代碼庫

OutSystems 使得行動應用和 PWA 可使用相同的 UI 和前端代碼,只需設計一次。企業可以透過網頁應用、行動應用和 PWA 應用與客戶或員工互動,且不再需要為每個設備調整代碼。

數據同步框架

保持本地和伺服器數據同步並非易事。OutSystems 提供了一個框架,用於在 PWA 和伺服器之間進行數據同步。

簡化部署

OutSystems 允許客戶透過切換來部署 PWA。平台會自動生成 PWA 部署所需的所有資源 – Meta 元素(Meta Tag)、應用程式清單、服務工作線程和離線功能 – 無需開發人員的干預。 OutSystems 是目前唯一不需要任何特定的代碼配置來部署 PWA 的開發平台,大多數競爭解決方案都需要開發人員手動創建這些資產並將它們上傳到伺服器。OutSystems 的 PWA 在 Google Lighthouse 上獲得了最高分。

現代化平台

PWA 開發利用了 OutSystems 平台的所有優勢:一個視覺化、基於模型的開發平台,支持整個 DevOps 生命週期。平台提供多種工具來支持跨部門的專案團隊,以確保您的應用程式滿足業務需求和性能要求。

自動影響分析和錯誤檢查

OutSystems 使用自動化、人工智能和分析技術來消除設計和構建過程中的猜測和重複性工作。TrueChange 檢查架構錯誤和依賴項/依存關係,提供治理並即時監控性能表現。

漸進式網頁應用(PWA)為開發人員提供了一種新工具,可以與內部和外部使用者進行互動,而不會遇到與原生應用程式可能遇到的摩擦。透過結合網頁應用的高曝光度和原生應用的便利性與持久性,PWA 能有效提高採用率、參與度和轉化率,同時還可以減少將新應用程式推向市場所需的時間和費用。

想要了解在 OutSystems 平台上構建和部署 PWA 的速度有多快,請觀看這部影片

想要立即開始 OutSystems 的開發體驗,請點擊此處使用 OutSystems 免費版本(完全不需要費用!)。

思想科技 Master Concept 為 OutSystems 亞太區認證合作夥伴,一同在香港、台灣、中國、馬來西亞、新加坡等地推動低程式碼開發平台的發展,協助多間企業加速數位化轉型,並榮獲 2019 亞太區年度最佳合作夥伴 (APAC Partner of the Year) 的殊榮。

了解更多

相關文章

為什麼遠端安全存取在「新常態」如此重要

遠程工作將成為許多公司的新常態,現代勞動力不再局限於一個工作地點。借助遠程工作的好處和方便性,從公司網絡外部進行連接也帶來了一定的安全風險,尤其是在涉及敏感和機密數據時。 這篇文章能讓您進一步了解遠程安全訪問的重要性。

思想科技 Master Concept

Leave Us Your Message.
We are ready to talk!

歡迎您與我們聯絡。
我們會協助您取得最佳解決方案!

歡迎您與我們聯絡。
我們會協助您取得最佳解決方案!

Leave Us Your Message.
We are ready to talk!

找不到您需要的? 加入我們的最新活動!

搶先了解
新趨勢