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