PWA web應用模型

---

2018年的第一篇博客，最近都去擠圖書館了，但願新年新氣象。。。

簡介

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 ，慢慢研究吧。