PWA和W2A 技術和應用對比

4669 閱讀 0 評論 8 點贊

關注公眾號，經常更新投放經驗教訓，公眾號回復“微信群”一起加群討論投放技巧，目前14個500人的優化師交流微信群+多個垂直行業交流群。

PWA 全稱為 Progressive Web App，中文譯為漸進式 Web APP，其目的是通過各種 Web 技術實現與原生 App 相近的用戶體驗。

可以實現的效果，在手機桌面上生成一個icon，點擊后和APP一樣可以直接實現訪問web端的應用功能，比如打開網頁，操作游戲等。好處是，安卓+iOS都可以直接訪問，而且不需要通過應用商店下載，還能實現比如推送功能，開發難度也比較低，可能某些原先主要是做網站功能的，只需要再額外開發一些輔助功能就能實現icon在手機上，打開后訪問網站實現其他功能。

技術方便的細節，我大概看了下（不怎么理解），但是沒關系，不關注這么細節，畢竟我也不是搞開發的，從各種文章描述，基本上PWA是可以通過技術手段，基本上實現和APP沒多大差別的體驗，其實大家看微信小程序就可以大致感受到，在很多領域基本上看不出來差距了，可能是類似大型游戲，美術復雜一些的可能不行（不確定）。

PWA 的技術原理基于以下關鍵要素：

Service Workers： Service Workers 是 PWA 的核心組成部分，它是一種在瀏覽器背后運行的腳本，可以使 PWA 具有離線訪問能力、網絡性能優化以及推送通知等功能。Service Workers 可以在后臺攔截和處理網絡請求，從而使 PWA 具有在離線狀態下緩存資源并提供離線體驗的能力。
App Shell Model： PWA 采用了 App Shell Model，這是一種設計模式，將應用程序的界面和核心功能提前緩存到本地，以確保用戶第一次加載應用程序時具有快速的響應速度。這樣，用戶可以立即看到應用程序的基本結構，而不必等待所有內容加載完成。
Web App Manifest： Web App Manifest 是一個 JSON 文件，描述了 PWA 的元數據，如應用程序名稱、圖標、顏色主題等。通過 Web App Manifest，開發者可以為 PWA 提供與原生應用程序類似的外觀和行為，并將其添加到設備的主屏幕上。
HTTPS 安全連接： 為了確保 PWA 的安全性，它必須通過 HTTPS 協議提供服務。HTTPS 不僅可以確保數據傳輸的安全性和完整性，還可以讓 PWA 具備一些必要的功能，如 Service Workers 和推送通知等。

PWA實際應用上，正常是特別適合以下幾種類型的應用：

移動應用替代品： PWA 可以提供與原生移動應用類似的用戶體驗，包括快速加載、離線訪問、推送通知等功能。因此，許多企業選擇使用 PWA 來構建移動應用的替代品，以減少開發成本、簡化發布流程，并且不需要用戶下載和安裝。
在線商城和電子商務應用： PWA 可以為在線商城和電子商務平臺提供快速、流暢的購物體驗。用戶可以通過 PWA 快速瀏覽產品、添加到購物車、進行安全的付款，而無需離開瀏覽器。
新聞和內容發布平臺： PWA 可以用于構建新聞應用、博客平臺和內容發布網站，為用戶提供快速加載和即時更新的新聞內容、文章和多媒體資料。
在線工具和應用程序： PWA 可以用于構建各種在線工具和應用程序，如日歷應用、筆記應用、天氣應用、翻譯工具等。這些應用可以在瀏覽器中運行，并且無需安裝。
社交網絡和通訊應用： PWA 可以用于構建社交網絡應用和通訊平臺，包括聊天應用、社交媒體應用等。它們可以提供即時通訊功能、推送通知和離線消息存儲等功能。