時間:2017-08-18 來源:互聯網 瀏覽量:
前麵本號已上傳一個視頻,介紹微軟在漸進式Web應用程序的技術方案,見《微軟BuildTour2017:構建漸進式WebApp(Progressive WebApp)》,今天再來談談什麼是漸進式Web應用程序(Progressive Web App)。
什麼是漸進式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已經選擇了令人困惑的措辭,但不用擔心,我們將在後麵文章中更多地介紹這一技術。