web是一個很神奇的平台，擁有跨設備和跨操作系統的兼容性，擁有以用户為中心的權限模型。它規範是由w3c和whatwg兩個組織共同定製，它的實現則是交給各個瀏覽器廠商。再加上其固有的可連接性，用户可以隨時隨地搜索到，或者分享一個網頁給任何人。不管何時訪問網頁，都是最新的。WebApp只需要一套代碼，就可以觸達任何人，任何地方，任何設備。
原生App因為可靠而且豐富的功能而著稱。它們會一直待在你的設備上，在屏幕、面板、或者任務欄裏。通常，它們不依賴網絡連接即可使用。它們以自己獨立的體驗啓動。它們可以讀寫文件，通過本地文件系統，可以通過USB接口連接硬件，也可以和存儲在本地設備的數據交互，像是聯繫人和日曆。在原生App中，你可以拍照，在主屏幕看到正在播放的歌曲列表，或者通過其他App控制播放。原生App就像系統的一部分一樣。
如果你要對比原生App和WebApp在功能上和可觸達上的區別，原生App在功能上最佳，WebApp在可觸達上最佳。那麼PWA又如何？
PWA全稱Progressive Web Apps（漸進式WebApp），是通過現代API來構建和增強的，這些API提供了與原生App相似的能力、可靠性、可安裝性，而且具備一套代碼即可觸達任何人、任何地方、任何設備。
三大App特性
- 功能性（capable）
- 可靠性（reliable）
- 可安裝性（installable）
PWA同時具備這三大特性，這也讓PWA的應用體驗更接近原生。
功能性
Web App當今時代已經具備了豐富的功能，你可以基於 WebRTC 開發一個視頻聊天工具，可以使用 Geolocation API 開發一個地圖軟件，也可以使用 Notification API 來給你的APP推送消息，讓用户可以在APP之外接收到通知。你也可以使用 WebGL 和 WebVR 來虛擬化這些場景。通過 Web Assembly，你可以步入其他生態，比如：C和C++等，給Web生態帶來更多能力。
直到最近，只有原生App聲稱具備這些功能。當然，有一些能力還是web當前無法使用的，但新的API會被定義，用來擴展Web能力，比如讓Web擁有文件系統的訪問權限、媒體控制權限、圖標上的badge修改權限、剪切板的全部功能。所有的這些能力都與Web安全、用户為中心的權限模型共同構建，確保訪問網站不會給用户造成威脅。
隨着現代API的定義，Web的功能性會越來越豐富。
可靠性
一個可靠的PWA應用感受起來很快，而且不依賴網絡。
速度對於用户使用體驗來説至關重要。實際上，頁面加載的時間從1-10秒，用户流失會增長123%。性能也並非在 onload 事件之後就結束了。用户無需時刻擔心他們的交互（例如點擊了按鈕）有沒有響應。滾動和動畫需要保持流暢。
最後，可靠的App需要對網絡無依賴。用户會期望在弱網或者無網絡的情況下打開App。他們期望看到上次他們加載的內容，就像是音頻或者視頻播放到某個特定時間點，即使網絡連接困難，還是要保持可靠和可用。如果請求失敗了，比起默默地失敗或者崩潰，給用户合理的提示才是最佳。
用户更喜歡App可以在眨眼睛響應他們的操作，這也是可靠性的一種。
可安裝性
安裝好的PWA應用可以在一個獨立的窗口啓動，而不用在瀏覽器中。它們也可以從主頁、docks或者任務欄啓動。你也可以搜索到它們，然後從搜索結果中打開。你也可以切換到其他App，然後再切換回來。這感覺就跟原生App幾乎一致，成為設備的一部分。
安裝好的PWA應用將開啓更多新功能，可以支持快捷鍵，也可以支持打開特定格式文件。
當PWA應用從獨立窗口打開，它會改變用户的感知，以及使用的方式，用户會當成原生應用來使用，而毫無差異感。
兩全其美
PWA的核心還是WebApp，通過漸進式增強，新的功能被現代瀏覽器實現。通過使用 service worker 和 app manifest，可以讓你的WebApp具備可靠性和可安裝性。如果瀏覽器不支持這些功能，你的網站的核心功能也不受影響。
總結
當然使用PWA還有很多其他的驚喜，App的體積上更小了，如果説一個30M的原生App換成PWA，可能只有3M不到。另外，PWA的應用的可觸達性是繼承了WebApp的，可以通過搜索引擎讓觸達更多用户，或者通過分享的方式。最後，PWA的應用可隨時更新，無需用户下載安裝。
唯一要注意的是，為了讓它更像原生App，請在性能優化上做到極致。關於性能優化方面，可以參考之前寫的一些文章。
參考
https://web.dev/what-are-pwas/
