Web 和 App 誰(shuí)才是王者辣垒?

本文首發(fā)于公眾號(hào):設(shè)計(jì)新手村

翻譯自 Medium,原文鏈接

原文標(biāo)題:What is the best platform: Web or Apps?

原文作者:Phoomparin Mano

文章翻譯:村長(zhǎng)道哥

PS:文中提到的其他文章在原文中都是有鏈接的浦旱,感興趣的各位請(qǐng)點(diǎn)擊底部的「閱讀原文」

現(xiàn)今階段,從用戶(hù)和開(kāi)發(fā)者的角度來(lái)看仓技,漸進(jìn)式網(wǎng)絡(luò)應(yīng)用(PWA)和移動(dòng)應(yīng)用的體驗(yàn)是怎么樣的?讓我們?cè)趦蓚€(gè)不同的平臺(tái)上做一些比較俗他,探尋真相脖捻!


在開(kāi)始之前,我首先要說(shuō)明的是兆衅,這篇文章將講述的是目前的發(fā)展?fàn)顩r地沮,而不是未來(lái)的前景,原因很簡(jiǎn)單:關(guān)我鳥(niǎo)事涯保。雖然應(yīng)用的開(kāi)發(fā)形式很快就會(huì)過(guò)時(shí)诉濒,但悲哀的是,我現(xiàn)在需要即刻發(fā)布我的產(chǎn)品夕春,你也一樣未荒。

這篇文章將會(huì)很長(zhǎng),而且充滿(mǎn)了極客的味道及志,因?yàn)槲恼驴偨Y(jié)了我所有對(duì)正在進(jìn)行的 Web 應(yīng)用和移動(dòng)應(yīng)用之間論戰(zhàn)的看法片排。請(qǐng)小忍一下,讓我們一起結(jié)束這些折磨開(kāi)發(fā)者已久的痛苦速侈。

2017年技術(shù)的簡(jiǎn)介

話(huà)雖如此率寡,在做深入比較之前先對(duì)所有讀者一碗水端平。如果你對(duì)這兩個(gè)平臺(tái)已經(jīng)有所了解的話(huà)倚搬,那可以跳過(guò)介紹的部分冶共。

Web 平臺(tái)說(shuō):我有漸進(jìn)式網(wǎng)絡(luò)應(yīng)用!

在開(kāi)放的網(wǎng)絡(luò)平臺(tái)上每界,谷歌最近推出了漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序捅僵,簡(jiǎn)稱(chēng)為 PWA。

PWA 整合了網(wǎng)頁(yè)應(yīng)用和移動(dòng)應(yīng)用的精髓眨层。PWA 不需要安裝庙楚,從用戶(hù)打開(kāi)的第一個(gè)瀏覽器標(biāo)簽開(kāi)始它就開(kāi)始工作了,隨著用戶(hù)逐步地深入使用趴樱,PWA 的功能也會(huì)變得越來(lái)越豐富馒闷。


Progressive Web Apps


PWA 是一種更現(xiàn)代的 Web 應(yīng)用,使用現(xiàn)代的 Web 技術(shù)來(lái)提供不輸于原生應(yīng)用的功能和用戶(hù)體驗(yàn)叁征。我認(rèn)為這相對(duì)于典型的單頁(yè)應(yīng)用(SPA)PWA 無(wú)疑是一個(gè)巨大的進(jìn)步纳账。

PWA 的加載速度很快,即使是在網(wǎng)速不佳的網(wǎng)絡(luò)上航揉,它能夠發(fā)送推送通知塞祈,在主屏幕上有自己的圖標(biāo),并以全屏的方式獨(dú)立運(yùn)行帅涂。

互聯(lián)網(wǎng)開(kāi)放的倡導(dǎo)者們說(shuō)议薪,這就是 Web 的未來(lái),并且有幾家巨頭公司已經(jīng)實(shí)現(xiàn)了 PWA媳友,用來(lái)為旗下的產(chǎn)品服務(wù)提供輕量級(jí)的 Web 版本支持斯议。其中最引人注目的是 Flipkart Lite、Twitter Lite醇锚、Housing Go哼御、阿里巴巴和華盛頓郵報(bào)。

Flipkart Lite 的 PWA

下面是 PWA 的10個(gè)特性

* 漸進(jìn)式(這不廢話(huà)嘛):通過(guò)漸進(jìn)式增強(qiáng)的方法適用于所有的瀏覽器焊唬,一方面盡可能采用最先進(jìn)的技術(shù)恋昼,另一方面也會(huì)適配所有的瀏覽器。

* 自適應(yīng):適合任何機(jī)型:桌面設(shè)備赶促、移動(dòng)設(shè)備液肌、平板電腦。

* 連接無(wú)關(guān)性:能夠借助于服務(wù)工作線(xiàn)程在離線(xiàn)或低質(zhì)量網(wǎng)絡(luò)狀況下工作鸥滨。

* 類(lèi)似應(yīng)用:通過(guò)使用 App Shell 模型來(lái)實(shí)現(xiàn)原生應(yīng)用一樣的導(dǎo)航和交互嗦哆。

* 持續(xù)更新:在服務(wù)工作線(xiàn)程更新進(jìn)程的作用下時(shí)刻保持最新?tīng)顟B(tài)。

* 安全:通過(guò) HTTPS 防止窺探和確保內(nèi)容不被篡改婿滓。

* 可發(fā)現(xiàn):能夠被搜索引擎發(fā)現(xiàn)老速,并通過(guò)服務(wù)工作線(xiàn)程描述文件從而將其識(shí)別為“應(yīng)用”。

* 可再互動(dòng):通過(guò)推送通知之重新吸引用戶(hù)凸主。

* 可從主屏訪(fǎng)問(wèn):允許用戶(hù)在不使用應(yīng)用商店的情況下橘券,在主屏上添加經(jīng)常使用的 PWA。

* 可鏈接:可通過(guò)網(wǎng)址輕松分享卿吐,并且不需要其他用戶(hù)安裝任何應(yīng)用旁舰。

附注:如果你感興趣的話(huà),這是埃里克艾略特的關(guān)于 PWA 的文章但两。他似乎是網(wǎng)絡(luò)平臺(tái)的死忠粉鬓梅,認(rèn)為 Web 才是未來(lái),這就是為什么文章的名字是《原生應(yīng)用已死》的原因谨湘。以下是他文章的第一段:

從現(xiàn)在開(kāi)始绽快,我不會(huì)再開(kāi)發(fā)任何原生應(yīng)用了。我今后所有的應(yīng)用都將 PWA紧阔。PWA 盡管是 Web應(yīng)用程序坊罢,但它們甚至可以在移動(dòng)設(shè)備上比原生應(yīng)用更好地?zé)o縫工作。

盡管 Eric 在 PWA 上的文章是有可取之處的擅耽,他的確提出了一些不錯(cuò)的觀(guān)點(diǎn)活孩,但我并不完全同意他關(guān)于 Web 平臺(tái)的觀(guān)點(diǎn)。下面我會(huì)說(shuō)說(shuō)為什么乖仇。

谷歌音樂(lè)的移動(dòng)應(yīng)用

移動(dòng)平臺(tái)陣營(yíng)說(shuō):我有移動(dòng)應(yīng)用憾儒!

另一方面询兴,移動(dòng)應(yīng)用領(lǐng)域也不甘示弱。移動(dòng)應(yīng)用平臺(tái)擁有自移動(dòng)時(shí)代誕生以來(lái)就已經(jīng)期完善的生態(tài)系統(tǒng)和開(kāi)發(fā)的最佳實(shí)踐了起趾。蘋(píng)果的 iOS 和谷歌的 Android 這兩個(gè)生態(tài)系統(tǒng)就是移動(dòng)領(lǐng)域的兩個(gè)霸主诗舰。

接下來(lái),我想討論三個(gè)重要的創(chuàng)新產(chǎn)品训裆。

React Native:它是什么眶根?與 Android 開(kāi)發(fā)相比有什么優(yōu)劣?

第一個(gè)是 Facebook 的 React Native边琉,這個(gè)框架利用了 React 和 JavaScript 讓開(kāi)發(fā)者可以同時(shí)開(kāi)發(fā) Android 和 iOS 應(yīng)用属百。因?yàn)槲覐奈磽碛羞^(guò)一個(gè)蘋(píng)果設(shè)備,所以我無(wú)法就 iOS 開(kāi)發(fā)的角度發(fā)表看法变姨。


React 的性能非常棒族扰,你甚至不會(huì)察覺(jué)出用它開(kāi)發(fā)的應(yīng)用居然不是原生的,因?yàn)槭褂昧薐S Bridge 在底層渲染原生的視圖钳恕。如果確實(shí)需要用原生代碼來(lái)進(jìn)行性能優(yōu)化或?qū)崿F(xiàn)原生功能的話(huà)别伏,React 與 Java 的集成也非常簡(jiǎn)單。

你完全可以使用平臺(tái)一致性的用戶(hù)界面忧额,這樣看起來(lái)和用起來(lái)會(huì)更像原生應(yīng)用厘肮,但是這需要大量的細(xì)節(jié)處理。我強(qiáng)烈推薦閱讀各個(gè)平臺(tái)的用戶(hù)界面指南睦番,比如蘋(píng)果的人機(jī)界面指南类茂,以及谷歌的 Material Design 指南。

就我個(gè)人而言托嚣,我更喜歡原生的 Android 開(kāi)發(fā)巩检,因?yàn)樵拈_(kāi)發(fā)體驗(yàn)更好,我強(qiáng)烈建議每個(gè)Android開(kāi)發(fā)人員閱讀這篇文章《作為 Android 開(kāi)發(fā)者我在搞了一些 Web 開(kāi)發(fā)后才知道的5件事》示启。

當(dāng)有人提到 Java 和 Android 開(kāi)發(fā)我腦中就浮現(xiàn)出了這張圖

Android 的 XML+Java 這樣的方式兢哭,可以提供許多的樣板來(lái)制作一個(gè)簡(jiǎn)單的自定義視圖,而整個(gè) React 組件可以寫(xiě)成一個(gè)單獨(dú)的函數(shù)夫嗓,這些函數(shù)都可以組合在一起迟螺。Kotlin 似乎解決了一些 Java 的樣板問(wèn)題,但一些根本的問(wèn)題仍未解決舍咖。

另外矩父,與 React Native 應(yīng)用中經(jīng)常使用的 Flux 架構(gòu)不同的是,Android 并不經(jīng)常使用這種“單一可信來(lái)源”的方法途徑排霉,開(kāi)發(fā)人員可以“以各種方式傳遞數(shù)據(jù)”窍株,比如 intents、消息總線(xiàn)和數(shù)據(jù)庫(kù),這樣就在應(yīng)用程序的每個(gè)傳輸部分?jǐn)?shù)據(jù)都是處于可變狀態(tài)的球订。

但是后裸,如果你的開(kāi)發(fā)團(tuán)隊(duì)已經(jīng)適應(yīng)了 Android 開(kāi)發(fā)工作流程,那么所有的這些就都不重要了辙售。請(qǐng)不要強(qiáng)迫所有的開(kāi)發(fā)人員使用 React Native轻抱,因?yàn)椤伴_(kāi)發(fā)者體驗(yàn)”關(guān)乎于開(kāi)發(fā)人員在工作時(shí)的舒適程度飞涂。

其他著名的使用原生視圖的跨平臺(tái)解決方案有 NativeScript旦部、Weex、Titanium Appcelerator 和 Xamarin较店。



混合型應(yīng)用和 Android 即時(shí)應(yīng)用

第二個(gè)是混合應(yīng)用士八,利用 Webview 來(lái)實(shí)現(xiàn)跨平臺(tái)的應(yīng)用。我一般不推薦這種方法梁呈,因?yàn)樗鼈兊挠脩?hù)體驗(yàn)大部分都很糟糕婚度,究其原因是性能很差,而且用戶(hù)界面也不一致官卡。話(huà)雖如此蝗茁,你的用戶(hù)是否關(guān)心這一點(diǎn)取決于他們的定位。

最后是 Android 即時(shí)應(yīng)用寻咒,它允許 Android 應(yīng)用可以在不安裝的情況下立即使用哮翘。這使得 Android 應(yīng)用與 PWA 一樣,都可以立即使用毛秘。

我對(duì)這一點(diǎn)的擔(dān)憂(yōu)是饭寺,它只適用于 Android 平臺(tái),而蘋(píng)果似乎并沒(méi)有對(duì)這種想法有任何動(dòng)向叫挟。另外艰匙,在移動(dòng)網(wǎng)絡(luò)上下載 4MB 的東西還是有點(diǎn)大∧遥基于這個(gè)原因员凝,輕量級(jí)的 PWA 對(duì)我來(lái)說(shuō)似乎是更好的選擇。

當(dāng)然奋献,我還不確定 React Native 將來(lái)能否做到快速加載健霹,既滿(mǎn)足 4MB 下載包大小的限制,又可以實(shí)現(xiàn)增量模塊加載秽荞。如果確實(shí)能做到這種程度的話(huà)骤公,那么 React Native 就可以使用代碼分割來(lái)將新功能以增量的方式加載到應(yīng)用中。

潛在的問(wèn)題有哪些

讓我們繼續(xù)深入挖掘每個(gè)平臺(tái)并找出潛在的問(wèn)題有哪些扬跋。

UI 性能在用戶(hù)體驗(yàn)方面至關(guān)重要

不管你信不信阶捆,即使是最細(xì)微的性能問(wèn)題許多用戶(hù)也能注意到。我在某篇文章的評(píng)論中看到了一個(gè)典型的噴貼,是關(guān)于 PWA 是否應(yīng)該出現(xiàn)在 Google Play 商店洒试。

天哪倍奢,千萬(wàn)別。Play Store 里已經(jīng)充斥著許多“垃圾應(yīng)用”了垒棋,這些應(yīng)用基本上是花一個(gè)下午從 iOS 那里移植過(guò)來(lái)的卒煞。我至今還沒(méi)有看到過(guò)一個(gè)能用的過(guò)去的 Web 應(yīng)用,它們都是些丑到爆的垃圾叼架,根本談不上什么用戶(hù)體驗(yàn)畔裕。不,不乖订,不扮饶,千千萬(wàn)萬(wàn)不要。

Wow乍构,這可是一個(gè)引戰(zhàn)的聲明甜无,很可能會(huì)冒犯到一些開(kāi)發(fā)人員。然而哥遮,由于我們不僅僅關(guān)注技術(shù)方面的東西岂丘,同時(shí)也在關(guān)注用戶(hù)體驗(yàn),所以下面的噴貼也是完全合理的了:

雖然 Twitter 的 PWA 已經(jīng)不錯(cuò)了眠饮,但它仍然有明顯的滾動(dòng)延遲奥帘,沒(méi)有滑動(dòng)手勢(shì),沒(méi)有動(dòng)畫(huà)君仆,也沒(méi)有邏輯性的后退按鈕等等翩概,等等,等等返咱,等等钥庇。和原生應(yīng)用比起來(lái),它并不是特別爛咖摹,只是有點(diǎn)爛而已评姨。這個(gè)鍋不能只甩給 Twitter——他們的開(kāi)發(fā)者還是很棒的——而是移動(dòng)網(wǎng)絡(luò)還有其自身的局限性。

盡管許多開(kāi)放網(wǎng)絡(luò)的倡導(dǎo)者都在宣傳移動(dòng)平臺(tái)可以如何完美地處理每秒60幀的動(dòng)畫(huà)萤晴,但現(xiàn)實(shí)是大部分 Web 應(yīng)用的動(dòng)畫(huà)都不流暢吐句,尤其是在低端移動(dòng)設(shè)備上。

開(kāi)發(fā)一個(gè)還不錯(cuò)的應(yīng)用是完全有可能的店读,但是 90% 的應(yīng)用都是徹徹底底的垃圾嗦枢。你能想起來(lái)哪個(gè)是用 Cordova 開(kāi)發(fā)的而且還不爛的移動(dòng)應(yīng)用嗎?Play Store 提供這些半成品的垃圾屯断,只能拉低自己的下限文虏。


上面的言論對(duì) Web 開(kāi)發(fā)者來(lái)說(shuō)有點(diǎn)傷人侣诺,我媽媽說(shuō)綠色的東西可以讓人平靜

與往常一樣,雖然這絕對(duì)是一個(gè)有效的關(guān)注點(diǎn)氧秘,但你還是首先要考慮一下用戶(hù)的定位年鸳。許多人已經(jīng)對(duì) Flipkart Lite 、Facebook Lite丸相、Twitter Lite 以及這些在線(xiàn)服務(wù)的精簡(jiǎn)版感到滿(mǎn)意了搔确。

相反,想得到最好體驗(yàn)的那些用戶(hù)還是大有人在的灭忠。如果不能正確地研究用戶(hù)的定位膳算,可能就會(huì)只能滿(mǎn)足少數(shù)用戶(hù)的需求,從而掉入80:20的陷阱更舞。

應(yīng)用安裝的阻力和用戶(hù)發(fā)展

不過(guò)畦幢,原生應(yīng)用也有自己的問(wèn)題。最常見(jiàn)的一個(gè)缆蝉,也是開(kāi)放網(wǎng)絡(luò)倡導(dǎo)者似乎經(jīng)常說(shuō)的就是,應(yīng)用安裝的阻力是非常大的瘦真。你知道一個(gè)典型的用戶(hù)每年只會(huì)下載9個(gè)移動(dòng)應(yīng)用嗎刊头?

App Store 的阻力是一個(gè)主要的障礙。安裝一個(gè)原生應(yīng)用需要6次點(diǎn)擊诸尽,而每次點(diǎn)擊你就會(huì)損失20%的用戶(hù)原杂。決定安裝一個(gè)移動(dòng)應(yīng)用比決定使用一個(gè)網(wǎng)頁(yè)應(yīng)用要困難得多。

你必須點(diǎn)擊“安裝”您机,等待應(yīng)用下載穿肄,還要擔(dān)心它需要多少空間,擔(dān)心它需要的可怕權(quán)限际看。原生應(yīng)用在用戶(hù)點(diǎn)擊“安裝”之前就會(huì)失去很多潛在的用戶(hù)咸产。

盡管 Android 現(xiàn)在使用的是運(yùn)行時(shí)權(quán)限,用戶(hù)無(wú)需那些擔(dān)心可怕的權(quán)限仲闽,還會(huì)提示你刪除從未使用的應(yīng)用脑溢,但潛在的問(wèn)題仍然存在。

每一個(gè)臺(tái)階都有可能讓人跌倒

在用戶(hù)的獲取和轉(zhuǎn)化中赖欣,潛在用戶(hù)必須要做的每個(gè)任務(wù)都會(huì)降低實(shí)際用戶(hù)的數(shù)量屑彻。簡(jiǎn)單地說(shuō),一些用戶(hù)會(huì)在任意一個(gè)任務(wù)中退出顶吮。

以下是一些有趣的統(tǒng)計(jì)數(shù)據(jù)社牲,摘錄于 Eric Elliot 的《為什么原生應(yīng)用已死》。

在 Google Play 的應(yīng)用商店中悴了,60%的應(yīng)用從未被下載過(guò)搏恤。

絕大多數(shù)用戶(hù)每月下載的應(yīng)用程序不會(huì)超過(guò)3個(gè)汗菜。有一半的美國(guó)智能手機(jī)用戶(hù)每月根本不會(huì)下載任何應(yīng)用。

手機(jī)用戶(hù)大部分時(shí)間都花在了移動(dòng)應(yīng)用上挑社,但94%的應(yīng)用收入只來(lái)自于1%的發(fā)行商陨界,而用戶(hù)80%的時(shí)間都只花在5款應(yīng)用上。

與此同時(shí)痛阻,超過(guò)一半的網(wǎng)絡(luò)流量來(lái)自移動(dòng)端菌瘪。換句話(huà)說(shuō),用戶(hù)不會(huì)下載你的應(yīng)用阱当,而是只使用 Facebook俏扩、Instagram 和 Snapchat 等熱門(mén)應(yīng)用,或者瀏覽網(wǎng)頁(yè)弊添。

OMG录淡,看到這些數(shù)據(jù)我都都驚呆了!

一個(gè)應(yīng)用的用戶(hù)中油坝,80%的人都不是活躍用戶(hù)嫉戚。

安裝的應(yīng)用中有25%從未使用過(guò),然后在3天內(nèi)就失去了77%的用戶(hù)澈圈,并且在一個(gè)月內(nèi)最終會(huì)流失90%彬檀。


就像在 App Store 中找尋一個(gè)目標(biāo)用戶(hù)

雖然應(yīng)用程序商店優(yōu)化(ASO)非常重要,但在應(yīng)用商店的海洋中被發(fā)現(xiàn)變得日趨困難瞬女。即使你的應(yīng)用是通過(guò)其他媒體被發(fā)現(xiàn)的窍帝,比如谷歌搜索或 Facebook 的帖子,用戶(hù)也很可能不會(huì)馬上安裝你如視珍寶的小應(yīng)用诽偷。

這背后的原因是坤学,用戶(hù)還沒(méi)有看到你的應(yīng)用的價(jià)值。他們無(wú)法先試用一下报慕,所以他們不會(huì)輕易地就將這款應(yīng)用下載到他們的設(shè)備上深浮,而且還會(huì)占用他們本來(lái)就捉襟見(jiàn)肘的設(shè)備空間。

開(kāi)放的網(wǎng)絡(luò)可能是未來(lái)卖子,但并不是現(xiàn)在略号。

我希望所有的 Web 開(kāi)發(fā)人員都能讀一下這篇命名優(yōu)雅的文章,《去他媽的開(kāi)放網(wǎng)絡(luò)》洋闽。里面介紹了一個(gè)開(kāi)放網(wǎng)絡(luò)的倡導(dǎo)者玄柠,同時(shí)也是一個(gè)初創(chuàng)公司的創(chuàng)始人,他說(shuō)出了開(kāi)發(fā)?Web 的痛苦诫舅,包括瀏覽器的碎片化羽利、兼容性問(wèn)題以及 Web 技術(shù)普及的緩慢。以下是他原話(huà)的節(jié)選:

PWA 可能是未來(lái)的發(fā)展趨勢(shì)刊懈,但如果你是一家初創(chuàng)公司这弧,還想提供全新的用戶(hù)體驗(yàn)的話(huà)娃闲,那么前端開(kāi)發(fā)者很有可能不會(huì)贊同你的想法。移動(dòng)版的 Safari 也不過(guò)就是另一個(gè) IE6 而已匾浪。我們擁有比以往各個(gè)時(shí)候都更令人驚嘆的技術(shù)皇帮,但我們也有如此多的平臺(tái)、瀏覽器和屏幕尺寸蛋辈,因此打造一種一致的體驗(yàn)幾乎沒(méi)有任何意義属拾。

正如所看到的,在 Web 開(kāi)發(fā)領(lǐng)域中碎片化問(wèn)題也一直存在冷溶,甚至可能比 Android 生態(tài)系統(tǒng)還要糟糕渐白。

你想要移動(dòng)端通知?可以逞频,但不能是在移動(dòng)版的 Safari 上纯衍。想要多行的省略號(hào)?可以苗胀,但只能在 WebKit 上襟诸。想要跨瀏覽器的統(tǒng)一大小柒巫?做夢(mèng)吧你励堡。我們?cè)?Safari 上修復(fù)的一個(gè)布局 bug,但在 Edge 上就不能用了堡掏。我們?cè)?Chrome 上改變字體大小,但你在 Firefox 上看到的就是屎刨疼。那隱藏地址欄或控制屏幕緣的滑動(dòng)呢泉唁?別傻了好嗎。還有揩慕,別讓我碰那些新的自定義的移動(dòng)端鍵盤(pán)亭畜,以及輸入框和自動(dòng)補(bǔ)全的那些糟心事。

一句話(huà)總結(jié)碎片化的問(wèn)題:

是的迎卤,你現(xiàn)在可以更好地開(kāi)發(fā)2007年風(fēng)格的網(wǎng)站了拴鸵。這些網(wǎng)站可以在不同的平臺(tái)上保持一致性,而且表現(xiàn)出色蜗搔。但我家12歲的孩子不想要2007年的網(wǎng)站劲藐,他們想要2016年的應(yīng)用程序。


Twitter 的移動(dòng)應(yīng)用


別誤會(huì)我樟凄,Web 還是很棒的

另一方面聘芜,你也應(yīng)該閱讀這篇文章,《iOS 不支持 PWA缝龄,那又怎樣汰现?》挂谍,文章指出盡管 iOS 還不支持服務(wù)進(jìn)程等前沿的功能,但由于 PWA 改善了用戶(hù)體驗(yàn)瞎饲,轉(zhuǎn)化率仍然有很大的提升口叙。

旁注:大多數(shù)用戶(hù)對(duì)“添加到主屏”并不習(xí)慣

在用戶(hù)體驗(yàn)方面,PWA的添加到主屏的功能(A2HS)對(duì)終端用戶(hù)來(lái)說(shuō)就好像這個(gè)應(yīng)用不是官方版的嗅战。就這個(gè)問(wèn)題我問(wèn)了很多用戶(hù)妄田,他們中的大多數(shù)人都不習(xí)慣這么做,還會(huì)問(wèn)我為什么不在 Play Store 里安裝呢仗哨。

用戶(hù)需要一段時(shí)間才能適應(yīng)這一模式形庭,這也是我不完全依賴(lài) A2HS 的原因,現(xiàn)在我還是會(huì)選擇實(shí)際的移動(dòng)應(yīng)用來(lái)安裝厌漂。盡管開(kāi)放網(wǎng)絡(luò)是一條更好的道路萨醒,但是一條大多數(shù)人似乎還不接受的道路。

一個(gè)有趣的觀(guān)察是苇倡,在 Android Launcher 中富纸,從主屏中刪除一個(gè) PWA 快捷方式比從 Launcher 中刪除應(yīng)用更容易。對(duì)此我沒(méi)有任何看法旨椒,雖然這是意料之中的晓褪,但對(duì)我來(lái)說(shuō)有點(diǎn)意思。


你馬上就要到達(dá)隧道的終點(diǎn)了综慎。有時(shí)候最好的選擇就是不去選擇涣仿。

解決方案

最后我們可以看到,兩個(gè)平臺(tái)都有各自的優(yōu)缺點(diǎn)示惊。那么好港,哪一個(gè)才是最好的平臺(tái)呢?

事實(shí)證明米罚,我們不需要回答這個(gè)問(wèn)題钧汹。我們只是需要實(shí)踐。

發(fā)現(xiàn)之于輕量的 PWA录择,留存之于移動(dòng)應(yīng)用

我的方案是提供一個(gè)服務(wù)的 lite 版本作為一個(gè)輕量級(jí)的 PWA拔莱,和一個(gè)提供完整體驗(yàn)的 React Native 的移動(dòng)應(yīng)用。許多初創(chuàng)公司和大型公司已經(jīng)利用這種方法嘗到了甜頭隘竭,本文的最終目標(biāo)是向你解釋為什么這條路走得通塘秦。

PWA 可以通過(guò)谷歌搜索被快速地訪(fǎng)問(wèn)、發(fā)現(xiàn)和使用货裹。如果這樣不能吸引你的話(huà)嗤形,更典型的是在Facebook 上,通過(guò)信息流中的一個(gè)帖子或者 Messenger 分享的一個(gè) URL 就可以讓你使用一個(gè)輕量級(jí)的 PWA弧圆。

這些用戶(hù)可以立即使用提供的服務(wù)赋兵,在一次性的交互中使用這個(gè) PWA笔咽,進(jìn)行一個(gè)簡(jiǎn)短的操作,或者立即收集他們所需要的信息霹期。之后叶组,如果他們需要更好的或更豐富的體驗(yàn),或者精簡(jiǎn)版對(duì)他們來(lái)說(shuō)是不夠用的話(huà)历造,就可以去下載完整的移動(dòng)應(yīng)用甩十。

移動(dòng)應(yīng)用附帶了更好的性能、更簡(jiǎn)單的支付方式吭产、平臺(tái)一致的用戶(hù)界面侣监,以及用戶(hù)對(duì)開(kāi)發(fā)人員的期望。

因?yàn)檫@個(gè)了不起的未來(lái) Web 還沒(méi)有成為現(xiàn)實(shí)(抱歉了臣淤,Eric)橄霉,現(xiàn)在完全依賴(lài)它就不是一個(gè)好主意。我們應(yīng)該先使用手頭上有的技術(shù)在 Web 上提供最好的輕量級(jí)體驗(yàn)邑蒋,然后通過(guò)原生應(yīng)用來(lái)補(bǔ)全整個(gè)用戶(hù)體驗(yàn)姓蜂。


非常感謝你的閱讀!

我非常高興你能讀到這医吊!我是 Phoomparin Mano钱慢,一個(gè)來(lái)自泰國(guó)的15歲的全棧開(kāi)發(fā)者。這是人生中的第一篇博客卿堂,如果言辭不妥還請(qǐng)包涵束莫。如果你喜歡這篇文章,請(qǐng)向其他人推薦這篇文章草描,因?yàn)檫@對(duì)我來(lái)說(shuō)意義非常重大麦箍。謝謝!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末陶珠,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子享钞,更是在濱河造成了極大的恐慌揍诽,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,723評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件栗竖,死亡現(xiàn)場(chǎng)離奇詭異暑脆,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)狐肢,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,485評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)添吗,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人份名,你說(shuō)我怎么就攤上這事碟联〖嗣溃” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,998評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵鲤孵,是天一觀(guān)的道長(zhǎng)壶栋。 經(jīng)常有香客問(wèn)我,道長(zhǎng)普监,這世上最難降的妖魔是什么贵试? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,323評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮凯正,結(jié)果婚禮上毙玻,老公的妹妹穿的比我還像新娘。我一直安慰自己廊散,他們只是感情好桑滩,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,355評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著奸汇,像睡著了一般施符。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上擂找,一...
    開(kāi)封第一講書(shū)人閱讀 49,079評(píng)論 1 285
  • 那天戳吝,我揣著相機(jī)與錄音,去河邊找鬼贯涎。 笑死听哭,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的塘雳。 我是一名探鬼主播陆盘,決...
    沈念sama閱讀 38,389評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼败明!你這毒婦竟也來(lái)了隘马?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,019評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤妻顶,失蹤者是張志新(化名)和其女友劉穎酸员,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體讳嘱,經(jīng)...
    沈念sama閱讀 43,519評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡幔嗦,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,971評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了沥潭。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片邀泉。...
    茶點(diǎn)故事閱讀 38,100評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出汇恤,到底是詐尸還是另有隱情庞钢,我是刑警寧澤,帶...
    沈念sama閱讀 33,738評(píng)論 4 324
  • 正文 年R本政府宣布屁置,位于F島的核電站焊夸,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏蓝角。R本人自食惡果不足惜阱穗,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,293評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望使鹅。 院中可真熱鬧揪阶,春花似錦、人聲如沸患朱。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,289評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)裁厅。三九已至冰沙,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間执虹,已是汗流浹背拓挥。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,517評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留袋励,地道東北人侥啤。 一個(gè)月前我還...
    沈念sama閱讀 45,547評(píng)論 2 354
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像茬故,于是被迫代替她去往敵國(guó)和親盖灸。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,834評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容