當前位置:
首頁 > 最新 > 還在研究小程序?那說說PWA吧

還在研究小程序?那說說PWA吧

PWA 的全稱是 Progressive Web App,是Chrome在2015年提出的想法(2016年Google I/O大會上進行了介紹)。PWA提供包含了service worker和web app manifest的標準化框架,讓開發者可以簡單地把web app體驗升級到native app水平。簡單來說,PWA依然是網頁應用,只是通過一些新的技術手段實現了之前原生應用才有的功能

雖說PWA這個名稱是Google提出的,其實早在2007年的WWDC上,喬布斯的One Last Thing說的就是:開發者如何開發在iPhone上的App?就是Safari之上的Web Apps!

只是喬布斯的這個設想在11年前沒有試驗成功。蘋果發現Native Apps在用戶體驗和性能上都碾壓Web Apps,於是在1年後(2008年)推出了原本不在roadmap中的App Store,推廣native iOS應用。

而多年後,隨著Web技術的優化,其他瀏覽器平台開始把Web Apps帶回到人們眼前,比如Google Chrome。

除了Chrome, Firefox、Samsung Internet、UC Browser 和 Opera 都逐漸支持了PWA,允許離線使用和消息推送,並且支持在手機桌面上創建快捷方式,極大程度地減小Web App和native App的差距。一般來說,互聯網產品要構建的是web + native Android + native iOS三件套,現在PWA + iOS app 差不多足夠。

至於iOS自帶的Safari是否會支持PWA,蘋果一直沒有給出態度。

微信小程序在概念上,極類似PWA,也是:提供一個標準化框架,讓開發者基於web技術開發出類似於native的用戶體驗。但是從技術格局上來看,PWA是開放的Web框架,用新技術為網頁應用賦予原生應用的體驗;而微信小程序是獨家的封閉環境,通過犧牲部分功能來簡化Web開發過程,從而實現「偽原生」體驗

但小程序內嵌在微信里,並不需要所有瀏覽器的支持,在中國微信的普及率相當於手機普及率的情況下,微信小程序的推廣,比PWA的阻力要小太多。

令人欣喜的是,今年1月,負責Safari開發的蘋果工程師Ricky Mondello發推表示iOS 11.3將開始支持PWA,3月30號,這個版本正式上線。這意味著,PWA將可能以一敵三(web + native Android + native iOS)

iOS上的PWA可以獲得以下許可權:

地理位置

感測器 (磁力計, 加速計, 陀螺儀)

相機

音頻播放

語音合成

Apple Pay

WebAssembly, WebRTC, WebGL等

iOS支持的PWA相較於iOS native apps,比較明顯的局限有:

PWA的離線存儲不能超過 50 Mb

用戶如果幾周不用,PWA的相關文件將被iOS系統釋放。桌面上的圖標不會消失,但是如果用戶重新訪問,系統會重新下載PWA。

有些系統功能不支持,比如藍牙、TouchID,ARKit,電池電量等

PWA進入後台時不能執行代碼

不能獲取用戶的私密信息(聯繫人等),也不能訪問原生的社交App

不能使用In-App支付等Apple based 服務

不能發推送通知,沒有小紅點提示,也不能集成Siri

相比於iOS,Android對於PWA的支持要更豐富:

Android的存儲支持超過50Mb

及時用戶不活躍,系統也不會刪除PWA的文件

BLE設備上可以使用藍牙

Android上的PWA可通過分享會話訪問原生App

支持語音識別

支持Web推送

支持邀請用戶下載App的Banner

列舉的不全,感興趣的同學可以去查看spec:)

相較於web + native Android + native iOS三件套,PWA帶來的便利主要有:

開發的人力和時間成本大大降低

PWA可以被搜索引擎收錄,每一個頁面都可以做為App被發現,這對於內容豐富的App是極大的引流優勢

每一個頁面都有URL用來分享,App里往往不能保證所有的頁面都可分享

無需App store審核,隨時發布新版本

雖然PWA不能取代所有native Apps,但現在市面上很多App的功能,PWA是夠用的。對比小程序,私以為是小程序是市場在接受PWA過程中,一個不錯的替代品。

回頭看2007年WWDC,不得不感嘆,真正的創造,應是「以終為始」去假設sweet solution,科技若不成熟,便去引領變革。


喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 GillWonders 的精彩文章:

TAG:GillWonders |