---

2018 新年快樂，這是我新年的第一篇博客，最近都擠圖書館去了，下面是自己最近新了解的，也沒有太深入研究，就是簡單看了下，現在總結下。最后希望新年新氣象。。。。（PS：現在csdn頁面變了還不太適應了呢！）

簡介

PWA 是一門Google推出的web前端新技術，全稱是Progressive Web App，是Google在2015年提出，2016年6月推廣的項目，是結合了一系列現代Web技術的組合，在網頁應用中實現和原生應用相近的用戶體驗。

PWA并不是描述一個技術，而是一些技術的合集。PWA 是專門應對手機 Web 開發而提出的，通過新技術的成熟，實現最好的 Web + 手機 APP。就是說，讓你在使用 Web 的時候感覺像是在使用 APP。

PWA特性

• 漸進式： 確保每個用戶都能打開網頁；
• 響應式： PC、手機、平板、不管哪種格式，網頁都能完美適配
• 離線響應： 支持用戶在沒有網的情況下都能打開網頁，這里需要service worker；
• APP化：能夠像APP一樣和用戶進行交互
• 常更新： 一旦web網頁有什么改動，都能立即在用戶端體現出來
• 安全： 安全是第一位，給自己的網站加上一把綠鎖-HTTPS；
• 可搜索： 能夠被引擎搜索到
• 推送： 做到在不打開網頁的情況下，推送新的消息
• 可安裝： 能夠將web像App一樣添加到桌面，不需要通過應用商店
• 可跳轉： 只要通過一個連接就可以跳轉到你的web頁面。（通過 URL 可以輕松分享應用，不用復雜的安裝即可運行）

PWA 需要的技術

• push（推送消息）
• cache
• manifest（應用清單：定義了一個基于JSON的清單，為開發人員提供一個放置與Web應用程序關聯的元數據的集中地點）
• responsive dev
• material design
• service worker（一部分是 cache，還有一部分則是 Worke）

PWA與其他APP

• Native APP
  指原生App，是一個完整的App，可拓展性強，需要用戶下載安裝使用

• Web APP
  指采用Html5語言寫出的App，生活在瀏覽器里的應用，不需要下載安裝

• Hybird app
  半原生半Web的混合類App，需要下載安裝

PWA在中國

略

總結

感覺 PWA 涉及到的 API 比較多。要想研究透徹 PWA 還需要研究它所涉及到的 API ，慢慢研究吧。

總結

以上是生活随笔為你收集整理的PWA web应用模型的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。