1. 程式人生 > >深刻變革!移動端應用迎來WEB時代Google/Microsoft/Apple已全部支援PWA技術

深刻變革!移動端應用迎來WEB時代Google/Microsoft/Apple已全部支援PWA技術

640?wx_fmt=gif&wxfrom=5&wx_lazy=1

熱文導讀 | 點選標題閱讀

640?wx_fmt=jpeg&wxfrom=5&wx_lazy=1

2018:PWA破局之年

PWA喊了很久,最近終於迎來了重大突破。

目前,全球頂級的瀏覽器廠商,Google、Microsoft、Apple已經全數宣佈支援PWA技術。在不遠的將來,移動端APP的將會迎來全新的WEB時代。

回顧桌面端應用從C/S架構向B/S架構的遷移歷程,我們正在見證歷史的重演。

Google:用PWA整合Chrome和ChromOS

2017年10月23日,Chrome團隊在舊金山主辦了Chrome Dev Summit。

640?wx_fmt=jpeg

[Owen Campbell-Moore](https://medium.com/@owencm) ,Chrome團隊的Product Manager做了一個演講,詳細描述了PWA的現狀和演進路線圖。

640?wx_fmt=jpeg

Owen在他的演講中提到,Google將會把PWA技術推向自己的所有平臺,從而達成用PWA整合Chrome和ChromOS的目標。同時,將會在未來的一段時間內修補缺失的API介面,包括解決一些安全性問題。

以下是基於PWA的紙牌遊戲ChromeOS上的執行效果截圖:

640?wx_fmt=jpeg

[Owen的完整演講視訊點這裡(牆)](https://www.youtube.com/watch?v=_sLa0qhuqcA&feature=youtu.be&t=32m38s):

640?wx_fmt=jpeg

Apple:從iOS 11.3開始支援PWA

640?wx_fmt=jpeg

2018年1月25日,根據Ricky Mondello在[自己的twitter](https://twitter.com/rmondello)上釋出的訊息,Safari 11.1 beta版已經支援Web App Manifest 和 Service Worker,這兩個東東是PWA所倡導的核心技術特性,這就意味著Safari開始全面擁抱PWA技術。

以下是Safari已經支援的一些介面:

640?wx_fmt=jpeg

需要注意的是,Safari團隊提供的實現與Chrome團隊並不完全一致,例如:Safari會把超過數週不活動的Service Worker刪除掉。Webkit團隊自己的blog上對這些實現做了詳細的說明:https://webkit.org/blog/8090/workers-at-your-service/

根據[Maximiliano Firtman](https://medium.com/@firt/pwas-are-coming-to-ios-11-3-cupertino-we-have-a-problem-2ff49fd7d6ea)在Medium上的描述,Safari團隊和Chrome團隊針對PWA相關的技術進行了好幾輪討論。

Microsoft:Edge和Windows 10全面支援PWA

640?wx_fmt=jpeg

2018年2月6日,微軟在自己的技術blog上釋出了一篇文章,宣佈全面支援PWA。

微軟自己的應用商店裡面將可以搜尋到基於PWA技術的應用,PWA應用可以直接在系統裡面啟動,在獨立的沙箱裡面執行,微軟管這種應用叫做AppX。

同時,微軟還提供了一款工具叫做PWA Builder,用來幫助開發者生成PWA應用:

640?wx_fmt=jpeg

更詳盡的描述請參考這裡:https://blogs.windows.com/msedgedev/2018/02/06/welcoming-progressive-web-apps-edge-windows-10/#uifT4al7ZkQgfuHf.97

WTF is PWA?

那麼,PWA到底是什麼鬼呢?

有一些朋友可能是第一次接觸這個概念,這裡做一個簡要的介紹:

Progressive Web Apps are just great web sites that can behave like native apps—or, perhaps, Progressive Web Apps are just great apps, powered by Web technologies and delivered with Web infrastructure.

用人話說是這樣的:**PWA是基於最新WEB技術的應用,它可以擁有原生應用那樣的行為,甚至能比原生應用更牛叉。**

640?wx_fmt=jpeg

PWA所倡導的一些核心技術特性有:

  • 可以在主螢幕上建立圖示

  • 可以離線執行

  • 可以利用後臺執行緒與服務端通訊

  • 對搜尋引擎友好

  • 響應式介面,支援各種型別的終端和螢幕

  • 方便分享,使用者可以方便地把URL地址分享出去

(個人觀點:在上面一堆優點裡面,“對搜尋引擎友好”最關鍵,你懂的。)

Google開發者頁面上提供了關於PWA的詳盡描述和學習材料:

https://developers.google.com/web/progressive-web-apps/

推薦閱讀

  • https://developers.google.com/web/progressive-web-apps/

  • https://en.wikipedia.org/wiki/Progressive_web_app

  • http://www.zdnet.com/article/microsoft-tees-up-windows-10-support-of-progressive-web-apps/

  • https://webkit.org/blog/8090/workers-at-your-service/

  • https://medium.com/@kennethrohde/progressive-web-apps-coming-to-all-chrome-platforms-80e31272e2a8

  • https://blogs.windows.com/msedgedev/2018/02/06/welcoming-progressive-web-apps-edge-windows-10/#uifT4al7ZkQgfuHf.97

  • https://www.tipscrew.com/new-progressive-web-apps/

  • https://developer.chrome.com/devsummit/

Java和Android架構

微信掃描或者點選下方二維碼領取Android\Python\AI\Java等高階進階資源

關注後回覆“百度”、“阿里”、“騰訊”、“資源”有驚喜

640?wx_fmt=jpeg

公眾號:JANiubility

歡迎加入我們的Java和Android架構圈,已有近1000人加入學習交流,更多學習資源更新,更多交流進步

640?wx_fmt=png

更多學習資料點選下面的“閱讀原文”獲取

640?wx_fmt=gif