PWA 漸進式加強 Web

首先，PWA 是啥？ PWA 全稱是: Progressive Web Apps。這是 2016 年，Google I/O 大會上提出一個 Next Web Generation 的概念。這並非描述一個技術，而是一些技術的合集。PWA 是專門應對手機 Web 開發而提出的，經過新技術的成熟，實現最好的 Web + 手機 APP。也就是說，能讓你在使用 Web 的時候感受像是在使用 APP。

若是是初創公司想推出一款新的產品，首選型是 Native APP，那麼，能夠預計該公司在吸引流量的時候，必定會感受到 這真 TM 難。不過，我這也並非說，你選型使用 Web 就必定容易。本質上仍是須要該產品打磨的足夠好才行。不過，咱們話說回來，在初期，Native APP 和 Web APP，在傳播上的難度還真不是一回事。

首先，Native APP 須要通過反覆審覈，知足不一樣平臺的各類奇怪機制之後，才能正式上線。而後到用戶端，小白用戶經過公司的宣傳瞭解到該 APP 以後，他須要通過去各個 APP Store 搜索，找到以後再下載，下載以後再安裝，安裝以後再受權，下了差不過幾十兆(MB)的 APP 以後，才正式的能使用。

那 Web APP 就簡單嗎？恩，相比上面那些繁瑣的步驟來講確實簡單，咱們先不說 Web 不須要審覈（在中國，有一種痛，叫作備案），最能體現它優點的地方就在於，只須要一個網址便可（任何平臺都會自帶瀏覽器）。那有人可能會問，但，Web 並不能在桌面端建立啥 icon 來直接跳到網址上去啊？不過，這只是針對之前的 Web，PWA 實際上就是幫助咱們完成上面提到的事，而且它作的更多。

話很少說，先給你們放一個，將 Web 添加到桌面的 gif 感覺一下，而且添加以後，從新打開，會發現 Web 展現的效果變爲全屏展現了！

PWA 原則

固然，並非全部的 Web 都叫作 PWA。根據 google 定義，PWA 應該具備一下特性：

• 漸進式：能確保每一個用戶都能打開網頁

• 響應式：PC，手機，平板，無論哪一種格式，網頁格式都能完美適配

• 離線應用：支持用戶在沒網的條件下也能打開網頁，這裏就須要 Service Worker 的幫助

• APP 化：可以像 APP 同樣和用戶進行交互

• 常更新：一旦 Web 網頁有什麼改動，都能當即在用戶端體現出來

• 安全：安全第一，給本身的網站加上一把綠鎖--HTTPS

• 可搜索：可以被引擎搜索到

• 推送：作到在不打開網頁的前提下，推送新的消息

• 可安裝：可以將 Web 想 APP 同樣添加到桌面

• 可跳轉：只要經過一個鏈接就能夠跳轉到你的 Web 頁面

能夠看出 Web 小弟想要成爲 PWA 黑幫老大仍是有必定難度。那 PWA 到底又須要哪些技術呢？直接上一張圖吧：

入門指南

相關學習，能夠參考 JimmyVV/PWA-cookbook。或者能夠直接參閱個人 blog：

• PWA guider

• 響應式開發

• Service Worker

• Web 推送技術

• PWA 實踐指導

看完不讚的，咱們來過兩招：

招聘硬廣

春天來了，你們有沒有想出去看看的慾望呢？
如今，騰訊招聘季一如既往的來了。無論你是技術大牛也好，產品喬布斯更好，固然還有不少不少厲害的運營、運維。想要來騰訊試一試的，能夠聯繫我。
本人如今在 騰訊 Now 直播項目組的 ivweb 團隊。團隊文化氛圍好，顏值高，沒有其餘不良嗜好，歡迎甩簡歷給我，謝謝老闆們！

郵箱地址：villainthr@gmail.com