為什麼你會需要 PWA 應用程式，原生不好嗎？

原生（Native）應用程式和 Web 應用程式已經要怎麼選，這個議題已經好幾年了。或許 Hybrid App（用 Web 打包的應用程式）是個好選擇，但怎麼都沒人在用呢？最近為什麼也沒人在討論 Chatbot 了？

企業都很擔心 Web App 的黏著度不夠高，認為原生應用程式才能佔據使用者的手機桌面。但是原生應用程式開發相對困難，但 Hybrid App 的效能又不足，好幾層轉換使得應用程式反應變慢，降低使用者體驗。既然沒辦法佔據手機的桌面，那就佔據大家每天都會打開的聊天工具吧！Chatbot 因此竄紅，不過似乎也經過一兩年就退燒了，那 PWA（Progressive Web Apps） 究竟又解決了什麼問題？

延伸閱讀：聊天機器人(Chatbot)失敗了，七點告訴你為什麼

Web + Native = PWA?

其實早在 2007 年，Steve Jobs 就提出想要把 Web App 包裝成 Native App 的構想，不過後來 Apple 的策略是推出 SDK 讓大家寫 iOS App，再推出 App Store：App 上得去，錢進得來，Apple 發大財。Google 則是一直到 2015 年才隆重推出 PWA 的概念，簡單來說就是讓大家只要維護一套程式碼，就可以在各式各樣的裝置有相似的體驗。爾後 PWA 慢慢發展，近年來 Microsoft 開始攜手和 Google 一起推廣 PWA，Microsoft 開源的 PWA Builder 加入了 Google 制訂的 Web Shorcuts 等協定 [1]；在今（2020）年，Amazon 的雲端遊戲串流平臺也使用 PWA 的方式來避開 Apple 訂定的 App Store 規則 [2]，畢竟你怎麼可能讓 Apple 審查每一款雲端遊戲才上架？Google 更是直接打造了一款 Chrome OS，系統打開就只有瀏覽器，你可以使用網際網路上幾十億個網站的功能，更可以把其中一些有 PWA 的網站「安裝」在 Chrome OS 的啟動列裡。

PWA 的體驗如何？

是的，PWA 本身就是網站，不需要特別推廣、宣傳，只要用大家早已熟悉的 SEO（Search Engine Optimizer，搜尋引擎優化）就可以讓別人找到你的 App。使用者一開始看到的是網站，但是只要點一下就可以把它安裝到手機或電腦桌面，而且下次打開不會有網址列，看起來就像一個原生的 App。

想體驗 PWA？試試 這篇文章 裡的範例。

有發現安裝很快，你幾乎沒有感覺浪費到時間嗎？PWA 的體積比原生應用程式還小，知名交友軟體 Tinder 就透過 PWA 把原生應用程式從 30 MB 壓縮到剩下 2.8MB，提升了使用者體驗 [3]。此外，PWA 也定義了快取、離線使用的功能，雖然離線就不能瀏覽網站，但是你可以在 PWA 中撰寫離線時可以怎麼瀏覽，就算應用程式離線，也譨擁有有限的功能，而不是完全無法開啟。Twitter 就透過 PWA 的快取，減少了 70% 的頻寬消耗 [4]。

離線瀏覽、快取，再加上通知功能，不論一個網站是要放在手機上讓行動使用者操作，還是要在 Chrome OS 這樣的雲端作業系統上使用，甚至是一般電腦的網頁瀏覽器，PWA 都有其用處。

最後，本文仍然是鐵人賽的第 20 篇文，接下來剩下的這幾天，我們會在 Chromebook 上繼續探討 PWA 的好處，並實際撰寫一個 PWA 應用程式。

參考資料：

• [1] Google and Microsoft join forces to make better PWAs available in the play store
• [2] Yes, Amazon Luna dodges Apple’s cloud gaming rules — when will Nvidia and Google?
• [3] A Tinder Progressive Web App Performance Case Study
• [4] Introducing Twitter Lite

本篇文章同步發表在 iT邦幫忙。