1. 程式人生 > >Progressive Web App(PWA)介紹

Progressive Web App(PWA)介紹

Progressive Web App(PWA)背景介紹

很多人似乎都認為Web,應用永遠不會與本機競爭,移動應用程式的可靠性速度和使用者參與,很難建立一個他們的商業案例。

你知道嗎?你知道他們曾經是對的,但有兩件事情發生了變化。

首先,事實證明,大多數人在購買手機時購買了大部分應用程式,或者不久之後大多數人安裝了一些常見應用程式並只用了一天,這使得開發人員難以參與競爭,但人們仍然繼續使用網路和 一些新技術,讓你可以從中提供客戶所需的關鍵功能。我們稱它為漸進式網路應用程式(Progressive Web Apps).

漸進式網路應用程式是採用所有正確組成要素的網路應用程式,這些體驗結合了最好的網路和最好的應用程式,它們為使用者提供了他們期望從本機應用程式獲得的可靠快速和引人入勝的體驗,但通過網路傳遞。

什麼是Progressive?

PWA不是API或技術,但它是一種Web開發方法,它使用已有的工具和技術組合來建立有針對性的理想使用者體驗。

它展示瞭如何使用服務工作者(service workers,),API和應用程式shell體系結構來實現有意義的離線體驗,快速首次載入以及重複訪問時輕鬆重新訪問使用者。

Progressive Web App一詞由Alex Russell和Frances Berriman創造。用Alex的話說:

Progressive Web Apps are just websites that took all the right vitamins.

漸進式網路應用程式是採用所有正確組成要素的網路應用程式。

漸進式Web應用程式是將最佳網路和最佳應用程式相結合的體驗。從瀏覽器選項卡中的第一次訪問開始,它們對使用者非常有用,無需安裝。隨著使用者逐漸與應用程式建立關係,它變得越來越強大。即使在片狀網路上,它也能快速載入,傳送相關的推送通知,主螢幕上有一個圖示,並作為頂級全屏體驗載入。

漸進式Web應用程式是:

  • 漸進式- 適用於每個使用者,無論瀏覽器選擇如何,因為它是以漸進增強為核心原則構建的。
  • 自適應- 適合任何形式:桌面裝置,移動裝置,平板電腦或其他任何裝置。
  • 獨立連線- 增強服務人員離線工作或低質量網路。
  • APP樣
    -感覺就像是一個應用程式,因為應用程式殼模型分離的應用程式的功能從應用內容
  • 新鮮- 由於服務工作者更新過程,始終保持最新狀態。
  • 安全- 通過HTTPS提供服務以防止窺探並確保內容未被篡改。
  • 可發現- 由於W3C清單服務工作者註冊範圍,可以識別為“應用程式”,允許搜尋引擎找到它。
  • 重新參與 - 通過推送通知等功能輕鬆實現重新參與。
  • 可安裝- 允許使用者將他們認為最有用的應用新增到其主螢幕,而無需使用應用商店的麻煩。
  • 可連結- 通過URL輕鬆共享應用程式,不需要複雜的安裝。

為什麼我們需要Progressive Web App?

網路應用程式是結合了最好的網路和最好的應用程式的體驗。

它們為使用者提供了一種可靠的快速和引人入勝的體驗,這些體驗是他們從原生應用程式中獲得的,但是通過網路傳遞它們是可靠的,

並且它們給予我們更棒的使用者體驗:

  1. Fast:PWA提供始終如一的快速體驗。從使用者下載應用程式到他們開始與之互動的那一刻起,一切都發生得非常快。因為您可以快取資料,即使沒有訪問網路,也可以非常快速地再次啟動應用程式。

  2. Integrated user experience:PWA的感覺和行為就像本機應用程式一樣。它們位於使用者的主螢幕中,傳送推送通知,如本機應用程式,並可訪問裝置的功能,如本機應用程式。體驗感覺無縫整合。

  3. Reliable experience:隨著服務人員的幫助下,我們能夠可靠地描繪出使用者的螢幕上的圖片,即使網路出現故障。

  4. Ëngaging:因為我們可以傳送通知給使用者,才能真正推動參與了由保持使用者通知,並與應用程式互動。

這就是FIRE.