如何把網(wǎng)站改成PWA,首先我們要了解知道什么是PWA
PWA是什么?
Progressive Web Apps (下文以“PWAs”代指) 是一個令人興奮的前端技術的革新。PWAs綜合了一系列技術使你的 web app表現(xiàn)得就像是 native mobile app。相比于純 web 解決方案和純 native 解決方案,這是一個很好的方案用于 app網(wǎng)站建設。
PWA對于開發(fā)者和用戶有以下優(yōu)點:
- 你只需要基于開放的 W3C 標準的 web 開發(fā)技術來開發(fā)一個app。不需要多客戶端開發(fā)。
- 用戶可以在安裝前就體驗你的 app。
- 不需要通過 AppStore 下載 app。app 會自動升級不需要用戶升級。
- 用戶會受到‘安裝’的提示,點擊安裝會增加一個圖標到用戶首屏。
- 被打開時,PWA 會展示一個有吸引力的閃屏。
- chrome 提供了可選選項,可以使 PWA 得到全屏體驗。
- 必要的文件會被本地緩存,因此會比標準的web app 響應更快(也許也會比native app響應快)
- 安裝及其輕量 — 或許會有幾百 kb 的緩存數(shù)據(jù)。
- 網(wǎng)站的數(shù)據(jù)傳輸必須是 https 連接。
- PWAs 可以離線工作,并且在網(wǎng)絡恢復時可以同步最新數(shù)據(jù)。
雖然PWA不是所有瀏覽器都支持,但是我們不需要擔心, 因為pwa是漸進增強的, 你的app仍然可以運行在不支持 PWA 技術的瀏覽器里。用戶不能離線訪問,不過其他功能都像原來一樣沒有影響。綜合利弊得失,沒有理由不把你的 app 改進為 PWA。