PWA專題：前言，改善流量入口，PWA輕應用帶來新機遇

時代在變革，方法在革新，應用走入輕量化。2018年隨着輕量化的應用的開發，微信小程序，支付寶小程序，甚至更多的小程序層出不窮。用戶從喜歡下載各類APP，體驗各類不一樣的應用。走入理性的大平臺的入口。在2018年APP下載次數明顯小於2017年。流量入口的戰爭也漸進尾聲。多端開發，多端一鍵打包等新的開發模式也逐漸贏得了各大開發廠商的支持與追捧。那麼在衆多流量入口，APP商店下PWA這種依靠自身流量快速建立的輕應用前景如何呢？

讓咱們先看看PWA的歷史，最先2015年Google提出，並被蘋果、微軟看好。PWA是當時最先提出網絡與應用相結合。在不理想的網絡中，經過緩存（ServiceWorkers）快速加載、推送用戶通知、具備桌面圖標，而且可採用全屏等體驗的方式的應用技術。目前已被廣大的瀏覽器廠商支持。微軟力捧 PWA ，將其列爲應用商店中的「一等公民」。2018年4月第一批PWA應用上線微軟的應用商店。初期微軟嘗試經過 Bing 爬蟲在網絡上尋找 PWA ，只要符合質量標準，就將其帶到微軟商店。後期開發者聯盟也大力推薦PWA上線。經過商店安裝的 PWA 將顯示在開始菜單的應用程序中，可從 「開始」 和 「Cortana」 搜索到，並可以使用 UWP 應用的全套 WinRT API ，經過加強功能（如訪問本地日曆和聯繫人數據，擁有許可權）來提高它們在 Windows 10 上的體驗。此外，用戶也能夠在商店中對 PWA 進行評論和評分，開發者可得到這些安裝、卸載、分享和性能分析、評價等數據，並有針對性的進行改進。

同年iOS的safari開始支持ServiceWorker，PWA正式上線iOS系統，用戶能夠主動添加圖標到主屏，能夠不經過apple store直接生成桌面圖標。點擊體驗也更趨向與Native App。

近年Native App的粘性已經遠遠高於Web，互聯網公司大力開發Native App。幾乎形成移動端Web訪問量呈幾何倍數遞減。愈來愈少互聯網公司願意把產品投放在Web流量上，更願意想盡辦法主導流量入口。對於Web W3C確定是不甘心 2014 年， W3C 公佈就公佈過 Service Worker 的相關草案，Chrome 2015年開始支持。PWA 相關的技術不斷升級優化，在用戶體驗和用戶留存兩方面都提供了很是好的解決方案。PWA 能夠將 Web 和 App 各自的優點融合在一塊兒：漸進式、可響應、可離線、實現相似 App 的交互、即時更新、安全、能夠被搜索引擎檢索、可推送、可安裝、可連接。

隨着Android的普及2018年google再度推出新的移動系統Fuchsia，根據開源的代碼和google評述，google但願Fuchsia可以統一安卓和ChromeOS，Fuchsia使用了了一個硬實時操做系統的內核。再也不基於 Linux 內核，而是基於名爲 Zircon 的微內核。不管是存儲器仍是內存之類的硬件要求都大幅下降。隨着新的系統的發展，基於PWA會不會跟上新的一班快車呢？同時2018年第一個以PWA應用爲主的商店也正式上線全部平臺。

2016年開始關注PWA的發展，同年第一次接觸PWA項目也是一個偶然，爲一家大型商超管理系統作項目諮詢，若是按照傳統的方式完成基於移動端的全部產品將近10個月時間，這還要保證商超在10個月內不會出現新策略的前提下，固然這種解決方案是不可能的，後來就開始從多端打包上考慮，vue成爲了首選。可是產品初期產品迭代確定會很快，5000+的管理帳號和100w級的客戶資源，也並非明智之選。最後選擇PWA，在管理系統上開始投放PWA應用。產品線的研發和應用，測試到上線也速度極速提高。PWA第一次使用給我WEB從業者更多的可能性。後續不斷的在管理系統中使用了PWA技術也使我愈來愈喜歡上它。

仁者見仁，智者見智。技術人苦海行舟，PWA技術點很是多，使得不少朋友學一半就學不下去了，咱們經過本課程從最基礎入手，陪你們一塊兒啃下這輪新蛋糕。

• 緩存：前端最要命和最牛逼的都是緩存，PWA的離線技術也充分的使用了用戶代理的緩存機制。在如下章節中咱們詳細瞭解各類緩存機制：
• 配置：主要是規則和終端適配
• 服務：主要圍繞web service，service workers，catch storage、indexedDb幾個主要的服務展開
• PWA最基礎的是必定要掌握Promise，因此在第五章咱們在從零學一遍Promise
• 最後就是上線的準備工做

轉載自: https://wosclass.com/2019/03/07/%E5%89%8D%E8%A8%80%EF%BC%9A%E6%94%B9%E5%96%84%E6%B5%81%E9%87%8F%E5%85%A5%E5%8F%A3%EF%BC%8C%E8%BD%BB%E5%BA%94%E7%94%A8%E5%B8%A6%E6%9D%A5%E6%96%B0%E6%9C%BA%E9%81%87/