當前位置:係統粉 >   IT資訊 >   業界資訊 >  可以替代本地App的漸進式Web應用程序(PWA)簡介

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

時間:2017-08-18 來源:互聯網 瀏覽量:

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

可以替代本地App的漸進式Web應用程序(PWA)簡介(1)

什麼是漸進式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已經選擇了令人困惑的措辭,但不用擔心,我們將在後麵文章中更多地介紹這一技術。

我要分享:

最新熱門遊戲

版權信息

Copyright @ 2011 係統粉 版權聲明 最新發布內容 網站導航