可以替代本地App的漸進式Web應用程序（PWA）簡介

前麵本號已上傳一個視頻，介紹微軟在漸進式Web應用程序的技術方案，見《微軟BuildTour2017：構建漸進式WebApp（Progressive WebApp）》，今天再來談談什麼是漸進式Web應用程序（Progressive Web App）。

漸進式Web應用程序是一個Web應用程序，它利用了現代瀏覽器的功能，可以添加到您的主屏幕，表現就像一個本地應用程序，簡稱PWA。PWA 其實是一種漸進式的的無需用戶安裝、可被隨時喚起的 Web App , 融合了 Native App 的結構、交互、降級方案等的更優體驗技術，使得用戶通過瀏覽器打開網站時，獲得有如原生 App 般的順滑體驗。其核心是，一個漸進的網絡應用程序與普通網站沒有任何區別 ： 它由HTML，CSS和JavaScript組成，並且以瀏覽器為載體與用戶進行交互。將PWA與常規網站分開的是需要實現的10個關鍵概念的列表。這些是直接從Google Developers網站獲取的。

利用最新的技術帶給用戶最好的無線體驗。按照官方文檔，PWA具有這些特性：可靠（Reliable）, 快速（Fast）, 參與感（Engaging）。

可靠

瞬間加載，即使在不穩定的網絡下也不會顯示 downasaur（小恐龍頁麵），通過預加載緩存關鍵資源，消除對於網絡的依賴，確認用戶在無網絡或者網絡情況較差情況下的即時可靠體驗。

快速

快速響應用戶互動與柔滑的平滑動畫，快速響應並帶給用戶平滑的動畫體驗，沒有卡頓。

參與感

原生 App 一般的體驗，具有沉浸式的用戶體驗，可以將 Progressive Web App 安裝在用戶的主頻幕上，甚至沒有瀏覽器的頭部，給用戶提供一種如原生 App 的全屏體驗。感覺像設備上的本地應用程序（Native App），具有沉浸式的用戶體驗。

那麼開發漸進式Web應用，應遵循什麼原則呢？主要有如下幾點：

安全

通過HTTPS服務，以防止窺探，並確保內容未被篡改。

進步

為每個用戶工作，無論瀏覽器的選擇，因為它們以漸進增強為核心原則。

響應

適合任何形式：桌麵，移動，平板電腦或下一個任何。

與連接無關

增強了service workers離線工作或低質量網絡工作。

App-like

感覺像應用程式風格的互動和導覽一樣的應用程式，因為它們是建立在應用程式外殼模型上的。

更新

由於service workers更新過程，始終保持最新。

可發現

由於W3C清單和service workers注冊範圍允許搜索引擎找到它們，可識別為“應用程序”。

可重新啟用

通過推送通知等功能，簡化重新訂閱。

可安裝

允許用戶在主屏幕上“保持”他們發現最有用的應用程序，而不會造成應用商店的麻煩。

可鏈接

通過URL輕鬆共享，不需要複雜的安裝。

遵循這些準則將確保您的應用程序不僅在瀏覽器中查看時工作良好，而且還可以通過主屏幕快捷方式單獨啟動。您可能會發現Google已經選擇了令人困惑的措辭，但不用擔心，我們將在後麵文章中更多地介紹這一技術。