什麼是PWA

漸進式Web應用程序（也稱為PWA）是開發人員使Web應用程序加載更快，性能提升更高的一種現代化開發方法。

簡而言之，PWA是一個網站，但是它們採用了最新的Web標準來允許在用戶在設備上安裝它。他提供了和App一樣的用戶體驗。當沒有網絡連接時，它可以離線使用，它可以緩存上一次聯網交互過程中的數據。它將App應用程序的外觀美感和網站的易開發特性融合在了一起。

PWA，可以簡單地理解為響應式網站，它依賴於用戶的瀏覽器功能。它可以自動逐步增強其內置功能，使其外觀和感覺像本機Web應用程序。它們的基本組成部分是：

• Web應用程序清單(json文件)：表述程序具有的功能，比如圖標，活動頁面等
• 系統進程(service worker)：提供了程序的離線體驗，消息推送體驗
• App外殼體系結構：快速加載系統進程

PWA vs Native APP？

本機應用程序是一個獨立的程序，位於智能手機上。它的工作方式類似於您在計算機上運行的程序，例如一個記事本，一個畫圖工具等。

PWA是顯示像移動應用程序的網站。PWA更像一個在線文檔，它們可以執行與本機程序相同的功能，但是它可以通過Internet瀏覽器執行。

PWA特點

1.漸進式

這是PWA最大的特點，和本地應用不同，他們可以跨平臺使用，因為瀏覽器是跨平臺的，而它是基於瀏覽器內核工作的。

PWA能夠與用戶擁有的任何瀏覽器一起使用。如果PWA無法在某些瀏覽器或操作系統上運行，則不能將其稱為PWA。

2.響應式設計

用戶可以通過手機，平板電腦，臺式機，筆記本電腦和其他各種設備訪問Internet。當然它也可以使用PWA，並且網站的設計會進行調整以滿足所使用設備的要求。

響應式設計使PWA能夠在各種設備上提供最佳的用戶體驗和使用效果。

3.離線訪問

每個人都知道，如果互聯網中斷，我們將無法訪問網站。但是本地應用卻可以依然使用。我們依然可以進行記錄，依然可以進行畫圖。

PWA的出現改變了這種情況，它允許用戶獨立於連接網絡與應用程序進行交互。這是通過提前緩存應用程序數據來完成的。這種緩存是通過使用Service Worker完成的。

PWA和傳統網站相比有哪些好處？

PWA解決了互聯網傳輸的速度，網站加載速度慢和用戶交互等問題。為了克服這些問題，有必要使用漸進式Web應用程序。

下面是使用PWA的一些原因：

• 快速啟動
  ： PWA為用戶提供一致的快速體驗。從用戶下載應用程序到開始與之交互的那一刻起，一切都會非常快速地進行。在不影響網絡的情況下再次啟動該應用程序也很快速。
• 離線體驗：即使網絡出現故障，用戶依然可以使用程序已經緩存的功能。
• 推送即時：使用PWA，我們可以即時地向用戶發送通知，我們可以即時得到用戶的反饋。
• 硬件訪問：我們藉助瀏覽器可以訪問設備上的各個硬件，看上去我們就像使用一個本地App一樣。

如何創建一個PWA應用？

1. Web應用清單-JSON文件提供有關Web應用程序的元信息。它具有類似應用程序圖標的信息，用戶在將其安裝到應用程序抽屜中後通常會看到該信息，背景色，應用程序名稱和簡稱。
2. service worker-事件驅動的工作者，它們在應用程序的後臺運行。它充當網絡和應用程序之間的代理。他們能夠攔截網絡請求並在後臺緩存信息。它還可以用於加載數據以供脫機使用。
3. 圖標-它提供了“添加到主屏幕”應用程序圖標，用戶可以使用該圖標在其智能手機的主屏幕上安裝PWA。該工具有助於生成多種格式的圖標，這非常有用。
4. 通過https提供服務-要搭建一個PWA應用，你必學提供一個https的證書服務，因為這是作為一個安全的網站必備的一個條件。

PWA的優點

1.安全可靠

在不犧牲性能或安全性的前提下，PWA提供了用戶所需的熟悉的應用程序體驗。互聯網最大的主題之一就是安全性，特別是涉及到內容被盜，共享或被黑客入侵時。PWA可以解決此問題。由於它們是通過HTTPS提供的，因此既為用戶又為開發人員帶來了很多好處。

2.輕鬆更新

涉及互聯網使用時，最需要更新應用程序。為了進行改進，通過消除錯誤和故障來開發新功能。PWA增加了由開發人員而不是用戶推送更新的好處。開發團隊可以遠程添加新的更新和功能。用戶將注意到新的和改進的功能，但不必自己批准更新。

3.隨處訪問

應用程序具有一些缺點，例如需要定期升級，可能太大而無法安裝或可能與某些設備不兼容。有許多因素使它們難以安裝和使用。這就是PWA的好處所在。這是因為該應用程序以交互式網站的形式提供，並且特別適合具有Internet訪問權限和瀏覽器的每個人使用。

它不被下載並且立即兼容。不用擔心用戶沒有足夠的存儲空間。具有功能設置的程序需要不時升級。但是，PWA增加了不需要用戶升級的好處。如果發佈了較新的版本，則只需訪問該網站即可立即訪問它。

總結

PWA技術使用戶訪問應用程序功能的過程變得便捷。雖然目前它還不是非常的成熟，雖然它還有很多痛點需要解決，但是我相信未來它在應用市場一定會佔有一席之地。