Google聯(lián)手百度也要出小程序了
2020-11-14?
圍觀熱度 1665?泉州
Google小程序(PWA) 是什么?
PWA 的全稱是 Progressive Web App,是 Google 在2015年提出,今年才推廣開來的想法。具體的意思就是在移動端利用提供的標(biāo)準(zhǔn)化框架,在網(wǎng)頁應(yīng)用中實現(xiàn)和原生應(yīng)用相近的用戶體驗,漸進(jìn)式網(wǎng)頁應(yīng)用。
漸進(jìn)式網(wǎng)頁應(yīng)用在注重用戶體驗方面達(dá)到了一個新的高度。這類應(yīng)用既具有本機(jī)平臺的功能,又能達(dá)到網(wǎng)頁的覆蓋范圍,可提供穩(wěn)定、快捷且引人入勝的體驗。歡迎來了解您為何應(yīng)重視這方面,其他人為在用戶主屏幕上爭得一席之地又做了些什么。
漸進(jìn)式網(wǎng)頁應(yīng)用的主題將包括服務(wù)工作線程、推送等,也包括未來的 API,以及付款、憑據(jù)管理、網(wǎng)絡(luò)藍(lán)牙等的可能性。在演示中,我們將俯視一下具有新特性的網(wǎng)頁平臺,它是如何與本機(jī)移動平臺相容并相關(guān)聯(lián)的,未來它將如何發(fā)展以及如何確保它一直相關(guān)。
總而言之,它說到底還是一個網(wǎng)頁應(yīng)用,只不過通過最新的技術(shù)手段實現(xiàn)了某些以前原生應(yīng)用才有的功能。
PWA 的優(yōu)勢在哪?
列舉一下和傳統(tǒng)網(wǎng)頁應(yīng)用相比的優(yōu)勢。
消息推送:用戶只要允許,即使網(wǎng)頁關(guān)閉后仍然可以在系統(tǒng)通知欄收到推送消息。(自從知道 Facebook 應(yīng)用為了消息的即時性強(qiáng)制阻止安卓系統(tǒng)進(jìn)入節(jié)電模式后,我就卸載了 Facebook 原生應(yīng)用改用他們的網(wǎng)頁推送了)
后臺加載:往常的網(wǎng)頁應(yīng)用只要關(guān)閉了網(wǎng)頁他的生命就結(jié)束了,現(xiàn)在引入了一個 Service Worker 的概念,即使網(wǎng)頁關(guān)閉,PWA 仍然可以在后臺運(yùn)行獲取數(shù)據(jù)更新(當(dāng)然有限制)。
離線使用:PWA 打開后會緩存一些內(nèi)容,之后再次訪問即使沒有網(wǎng)絡(luò)也可以瀏覽之前的頁面(如同IE時代的離線瀏覽)。
原生應(yīng)用界面。在某些情況下 PWA 應(yīng)用可以隱藏瀏覽器本身的所有視覺成分,光從UI和UX上看,很容易認(rèn)為這就是一個原生界面,如下圖其實都是PWA而不是原生應(yīng)用。
桌面圖標(biāo)。PWA只要配上一個圖標(biāo),再放快捷方式在桌面上(比如一定時間內(nèi)第二次訪問PWA會自動詢問是否添加快捷方式到桌面),就真的和原生系統(tǒng)無異了,打開的速度也很快(當(dāng)然功能不能很龐大)。
另一方面,和原生應(yīng)用比,PWA 又不需要用戶安裝,只需要瀏覽器支持 PWA 就可以了。
為什么要推出PWA?
首先,網(wǎng)頁應(yīng)用在一定程度上受到了瀏覽器的局限,所能獲得的權(quán)限,效能都是的很多復(fù)雜的功能很難實現(xiàn),這是更簡單的方法就是開發(fā)原生應(yīng)用了。而 PWA 就是一個試圖把兩者相融合的嘗試。如果需求不大,新公司已經(jīng)沒有必要花血本雇傭不同平臺的開發(fā)人員做原生了,只要一個 PWA 就夠了。另外當(dāng)網(wǎng)頁應(yīng)用發(fā)展更好之后,整個移動平臺的用戶都提升了,對于正在轉(zhuǎn)型移動平臺的 Google 來說當(dāng)然價值非常。
我個人覺得這是一個很好的嘗試,也會推進(jìn)行業(yè)的發(fā)展,但是究竟能走多遠(yuǎn)抱有謹(jǐn)慎樂觀的態(tài)度(如今微信也加進(jìn)來應(yīng)該更樂觀了)。
其次,當(dāng)你主導(dǎo)的技術(shù)在市場上被廣泛采用的時候,你在整個行業(yè)的話語權(quán)都會提高,也有更多的獲利機(jī)會。
比如我在廣告業(yè)務(wù)的的技術(shù)支持部門工作,有的同事就會去有的廣告業(yè)務(wù)客戶那里推銷 PWA,同時公司內(nèi)部也有各種 PWA 的培訓(xùn)和講座。如果公司沒有或者用戶沒有安裝原生應(yīng)用的話,PWA 擁有比傳統(tǒng)網(wǎng)頁更好的體驗,在計算競價排名上也有優(yōu)勢(Landing page experience),PWA 就會給客戶公司帶來更多的用戶,而更多的用戶也就帶來了更多的收入,自然的Google也就獲得了更多的廣告收入。。
PWA 的發(fā)展
這個概念在行業(yè)內(nèi)發(fā)展的挺快,在本文的這個時間點上,基于 Chromium 的瀏覽器 Chrome 和 Opera 已經(jīng)完全支持 PWA 了,F(xiàn)irefox 和微軟的 Edge 正在開發(fā)中,水果公司的 Safari 最近剛剛表達(dá)了可能會支持 PWA。從長久的角度看,只要 Google 不斷推動一些網(wǎng)站往 PWA 轉(zhuǎn)型,其他的瀏覽器或者競爭對手也就會自然跟風(fēng)上船。
網(wǎng)上已經(jīng)可以找到大把的 PWA 例子了,這里有不少:https://pwa.rocks/,其中不乏 The Washington Post,F(xiàn)lip Board,AliExpress,Wikipedia,Gmail,Booking 這樣的大頭。
里面有個 Air Honer 很有意思,大家可以玩一下(小心有聲音別在開會的時候打開。。),The Air Horner,從點開到使用只需要點擊一次屏幕(不需要安裝),使用體驗又非常接近原生應(yīng)用(UI/UX設(shè)計,桌面圖標(biāo))。
需要注意的是
PWA與Google 正在推行另一個項目 Android Instant Apps 有所不同。簡單來講,如果說前者是將 web 封裝成 app,后者則是將 app 中的某個功能放到網(wǎng)頁中,方便用戶快速體驗 app 中特定的功能。
PWA開發(fā)框架-Angular
Angular 2 是一個完整平臺,可以滿足開發(fā)者社區(qū)的各種需求。已經(jīng)有大量成功的產(chǎn)品團(tuán)隊投資于web、移動web、安裝型移動app,甚至有安裝型桌面端應(yīng)用--Angular 2 可以支持所有這些類型的應(yīng)用。在這一小節(jié),我們將會專注于討論我們是如何滿足 Angular 2 開發(fā)過程中的各種需求的,同時還會討論一些未來即將實現(xiàn)的新特性。
Angular 團(tuán)隊已在投資開發(fā)一些工具和方法,以供大型團(tuán)隊構(gòu)建橫跨桌面設(shè)備和移動設(shè)備的強(qiáng)大應(yīng)用。在本次演示中,我們將介紹這些可讓您在 Angular 平臺上輕松構(gòu)建漸進(jìn)式網(wǎng)頁應(yīng)用的新工具。
Google公告
Google 近日在其博客上宣布,PWA 將會深入集成到 Android 系統(tǒng)中,例如目前各種 PWA 在主屏上只有一個類似于網(wǎng)頁快捷方式的圖標(biāo),而在即將到來的 Chrome 測試版中,PWA 不僅能出現(xiàn)在屏幕主頁,也能出現(xiàn)在應(yīng)用列表以及系統(tǒng)設(shè)置中,并能夠“接收來自其他應(yīng)用程序的輸入意圖” 。
史上最會使用工具的動物
在微信推出“小程序”后,谷歌也準(zhǔn)備這么做了,將在谷歌瀏覽器Chrome上推出。
谷歌的“小程序”名叫增強(qiáng)型網(wǎng)頁應(yīng)用( Progressive Web Apps,簡稱 PWAs),是目前正處于測試版的Chrome 57新增的功能。
它同樣無需下載安裝,卻可以和本地APP一樣,放置在桌面上、顯示在安卓APP列表中。
而且應(yīng)用通知不再以Chrome的名義顯示,而是直接以本地APP通知的形式出現(xiàn),簡直和本地APP沒有太大區(qū)別。
谷歌表示除了Chrome,也將推動其它安卓瀏覽器支持。