App開發(fā)之-APP交互設(shè)計(jì)作品欣賞

一個(gè)優(yōu)秀的APP交互動(dòng)畫不僅僅是炫,而且要實(shí)用,有的還要考慮手機(jī)的性能等因素,所以想做一個(gè)好的交互并不容易,今天億點(diǎn)時(shí)代摘選自Ramotion公司的一些項(xiàng)目交互作品,交互效果很棒,值得欣賞學(xué)習(xí)哦~

GIF圖片,請(qǐng)耐心等待加載。

1

一個(gè)有趣的下拉刷新loading交互效果, 這個(gè)彈性看起來很有吸引力。

app交互

2

APP表單交互, 點(diǎn)擊“下一步”是過渡變形的效果。

1

3

強(qiáng)大的聯(lián)系人APP,點(diǎn)擊LOGO, 顯示的用戶交錯(cuò)展示,有層次有空間。

app交互

4

TAB 切換效果,未選中的TAB用圖標(biāo)顯示, TAB當(dāng)前狀態(tài)轉(zhuǎn)為文字。

app交互

5

搜索交互,搜索按鈕有點(diǎn)萌~

app交互

6

不同TAB不同Color.

app交互

7

切換文字時(shí),帶有反轉(zhuǎn)效果

app交互

8

APP導(dǎo)航菜單圖標(biāo)動(dòng)畫

app交互

9

酷炫的導(dǎo)航交互設(shè)計(jì)

app交互

看到國內(nèi)APP扁平后都差不多個(gè)樣子,來點(diǎn)新鮮的交互動(dòng)畫給用戶帶來新的驚喜吧!現(xiàn)在,你的靈感來了沒~

app開發(fā)報(bào)價(jià)單

企業(yè)在找app開發(fā)公司或者外包公司的時(shí)候,首先會(huì)問上一句:app開發(fā)外包價(jià)格多少呢?對(duì)這個(gè)問題,總是沒有直接給出一個(gè)具體的價(jià)錢。因?yàn)閮|點(diǎn)時(shí)代覺得,對(duì)于一個(gè)專業(yè)的開發(fā)外包公司來說,app費(fèi)用問題不是一個(gè)數(shù)字能夠說得清楚的。

企業(yè)在決定開發(fā)app的時(shí)候,應(yīng)該要考慮的問題不僅僅是開發(fā)app價(jià)格的問題,app質(zhì)量也非常重要。但app開發(fā)外包價(jià)格是可以調(diào)節(jié)的,企業(yè)如何才能把自己的app外包開發(fā)價(jià)格降到最低呢?

一:找專業(yè)的APP外包開發(fā)公司制作企業(yè)APP

開發(fā)一款app并不便宜,為了降低成本,不少中小公司選擇了通過降低產(chǎn)品質(zhì)量來節(jié)約成本,比如雇傭一個(gè)身價(jià)較低但缺乏經(jīng)驗(yàn)的設(shè)計(jì)師和開發(fā)者。雖然短期內(nèi)可以讓你沉浸在新品出路的喜悅中,但長期看真的不是一個(gè)正確的做法。沒有質(zhì)量支撐的app不會(huì)給企業(yè)帶來太多的經(jīng)濟(jì)收益。

有一個(gè)可行的解決方法,那就是找專業(yè)的app軟件外包開發(fā)公司幫忙解決。他們有這專業(yè)的app開發(fā)團(tuán)隊(duì)以及精湛的app開發(fā)技術(shù),能在最短的軟件開發(fā)周期里面開發(fā)出一款優(yōu)秀的app。同時(shí),app開發(fā)周期的長短也是影響企業(yè)app開發(fā)價(jià)格的重要因素之一。

二:其它影響企業(yè)app外包開發(fā)費(fèi)用因素有哪些?

1. 支持多個(gè)平臺(tái)

如果你想獲得更多的營收,一個(gè)理想的方法就是把你的產(chǎn)品搬到多個(gè)平臺(tái),比如iOS、Android、WP以及Blackberry。這是開發(fā)技術(shù)的問題,需要很多個(gè)開發(fā)者同時(shí)參與,大大增加了app開發(fā)難度以及軟件開發(fā)價(jià)格。

2. 精簡(jiǎn)的APP設(shè)計(jì)

App的設(shè)計(jì)不必太過復(fù)雜,而必須要能給用戶帶來好的體驗(yàn)。精簡(jiǎn)設(shè)計(jì)可以節(jié)省開發(fā)者的時(shí)間成本和物質(zhì)成本,因?yàn)樗灰竽阍O(shè)計(jì)自定義、重圖形圖像的界面等 等。開發(fā)者不用太擔(dān)心使用現(xiàn)成的配色方案,字體以及UI元素,這些可以加快app開發(fā)速度,盡快讓你的創(chuàng)意在現(xiàn)實(shí)中落地。 這會(huì)讓設(shè)計(jì)者在不斷地修改自己的設(shè)計(jì),app外包開發(fā)價(jià)格自然要高一點(diǎn)。

億點(diǎn)認(rèn)為,在快速發(fā)展的移動(dòng)互聯(lián)網(wǎng)世界,企業(yè)必須要在前期把好關(guān)口,在合理的app開發(fā)價(jià)格面前,應(yīng)該當(dāng)機(jī)立斷,快速開展app開發(fā)外包行動(dòng)。

手機(jī)App三年內(nèi)將徹底消失 HTML5將顛覆原生App開發(fā)?

手機(jī)App三年內(nèi)將徹底消失 HTML5將顛覆原生App世界?

2007年W3C(萬維網(wǎng)聯(lián)盟)立項(xiàng)HTML5,直至2014年10月底,這個(gè)長達(dá)八年的規(guī)范終于正式封稿。

過去這些年,HTML5顛覆了PC互聯(lián)網(wǎng)的格局,優(yōu)化了移動(dòng)互聯(lián)網(wǎng)的體驗(yàn),接下來,HTML5將顛覆原生App世界。這聽起來有點(diǎn)危言聳聽,但若認(rèn)真分析HTML5的發(fā)展史,你會(huì)發(fā)現(xiàn),這個(gè)世界的發(fā)展趨勢(shì)確實(shí)就是這樣。

HTML5對(duì)開發(fā)者的7大優(yōu)勢(shì)

跨平臺(tái):在多屏年代,開發(fā)者的痛苦指數(shù)非常高,人人都期盼HTML5能扮演救星。多套代碼、不同技術(shù)工種、業(yè)務(wù)邏輯同步,這是折磨人的過程。有點(diǎn)類似個(gè)人電腦早期世界,那個(gè)時(shí)候的每家電腦都有自己的操作系統(tǒng)和編程語言,開發(fā)者疲于做不同版本,其實(shí)DOS的盛行也很大程度是因?yàn)殚_發(fā)者實(shí)在沒精力給其他電腦寫程序??缙脚_(tái)技術(shù)在早期大多因?yàn)樾阅軉栴}夭折,但中后期硬件能力增強(qiáng)后又會(huì)占據(jù)主流,因?yàn)榭缙脚_(tái)確實(shí)是剛需。

快速迭代:移動(dòng)互聯(lián)網(wǎng)是一個(gè)快魚吃慢魚的時(shí)代,誰對(duì)用戶的需求滿足的更快,誰的試錯(cuò)成本更低,誰就擁有巨大的優(yōu)勢(shì)?;ヂ?lián)網(wǎng)產(chǎn)品大多免費(fèi)、且有網(wǎng)絡(luò)效應(yīng),后入者搶奪用戶的難度非常大。使用原生開發(fā),從招聘、開發(fā)、上線各個(gè)環(huán)節(jié)的效率都慢一倍以上,而且參與的人越多,溝通效率往往拖慢不止一倍。

持續(xù)交付:很多人有這樣的體會(huì),一個(gè)原生應(yīng)用上線Appstore,突然有一個(gè)大bug,只好連夜加班修復(fù),然后靜靜等待2周或更長時(shí)間的Apple審核,這2個(gè)星期被用戶的涂抹淹死,市場(chǎng)上一片差評(píng),用戶大量流失。等新應(yīng)用被審核上線了,用戶已經(jīng)卸載了。但是,HTML5沒有這些問題,你可以實(shí)時(shí)更新,有問題立即響應(yīng)。

大幅下降成本:創(chuàng)業(yè)者融資并不容易,如何花錢更高效非常重要。如果你使用原生開發(fā)的App和競(jìng)爭(zhēng)對(duì)手使用HTML5開發(fā)的App沒什么區(qū)別,但你的開發(fā)成本高出一倍,我相信沒有投資人會(huì)喜歡給你投錢。

開源生態(tài)系統(tǒng)發(fā)達(dá):HTML5前端是開放的正反饋循環(huán)生態(tài)系統(tǒng),大量的開源庫可以使用,開發(fā)應(yīng)用變得更輕松、更敏捷,當(dāng)然這也體現(xiàn)在了快速迭代和成本下降上。不過更重要的是,這種開放的正反饋循環(huán)生態(tài)系統(tǒng)未來的生命力是比原生生態(tài)系統(tǒng)更強(qiáng)勁的。

開放的數(shù)據(jù)交換:HTML是以page為單元開放代碼的,它無需專門開發(fā)SDK,只要不混淆,就能與其他應(yīng)用交互數(shù)據(jù)。開發(fā)者可以讓手機(jī)搜索引擎很容易檢索到自己的數(shù)據(jù), 也更容易通過跨應(yīng)用協(xié)作來滿足最終用戶需求。

更容易推廣、更容易爆發(fā):導(dǎo)流入口多:HTML5應(yīng)用導(dǎo)流非常容易,超級(jí)App(如微信朋友圈)、搜索引擎、應(yīng)用市場(chǎng)、瀏覽器,到處都是HTML5的流量入口。而原生App的流量入口只有應(yīng)用市場(chǎng)。聰明的HTML5開發(fā)者當(dāng)然會(huì)玩轉(zhuǎn)各種流量入口從而取得更強(qiáng)的優(yōu)勢(shì)。

流量大:前段時(shí)間微信朋友圈風(fēng)靡一時(shí)《神經(jīng)貓》,這個(gè)游戲如果放到Appstore,絕對(duì)沒有那么多流量,超級(jí)App帶來的流量,遠(yuǎn)大于原生應(yīng)用市場(chǎng)。假如微信允許游戲在桌面創(chuàng)建快捷方式、假如游戲后續(xù)升級(jí)解決持續(xù)娛樂問題,未來不可想象。

導(dǎo)流效率高:除了入口多、流量大,導(dǎo)流效率高也不可忽視,誰都知道:頁游和端游打同樣的廣告,廣告變用戶的轉(zhuǎn)化率,頁游遠(yuǎn)遠(yuǎn)高于端游。

HTML5對(duì)最終用戶的3大優(yōu)勢(shì)

大幅降低使用門檻

為什么流媒體會(huì)替代下載視頻成為主流?為什么頁游會(huì)如此火爆?只因用戶太“懶”。讓用戶更方便的滿足需求,有時(shí)效果好于更多的滿足需求。

用戶眼睛看到一個(gè)興趣點(diǎn),點(diǎn)擊后,就應(yīng)該立即開始滿足用戶需求。比如流媒體可以立即看,頁游可以立即玩。而目前的原生應(yīng)用市場(chǎng),用戶需要這樣操作:選一個(gè)應(yīng)用、等待下載、確認(rèn)權(quán)限、等待安裝,然后點(diǎn)擊打開。這樣糟糕的體驗(yàn)遲早要被顛覆。

不管是App、游戲還是音視頻,未來都將即點(diǎn)即用。誰先滿足用戶這個(gè)需求,誰就制勝。

實(shí)時(shí)更新、差量更新的優(yōu)秀體驗(yàn)

HTML5應(yīng)用可以繞開應(yīng)用市場(chǎng)的限制進(jìn)行自主實(shí)時(shí)更新,用戶可以快速享受新服務(wù)。

而且這種更新完全可以是差量更新,比如某個(gè)HTML頁面或某個(gè)js文件有問題,只更新這個(gè)幾k的小文件就可以了,這比原生應(yīng)用的更新體驗(yàn)好太多。

跨應(yīng)用的使用體驗(yàn)

目前手機(jī)應(yīng)用切換是以桌面或任務(wù)管理器為中心的,但事實(shí)上這些中心很影響效率和體驗(yàn)。用戶想出差三亞,先打開去哪App訂票,然后切回桌面,再找到并打開天氣App,搜索輸入三亞,再切到桌面,找到并打開航旅縱橫App,輸入航班號(hào)值機(jī),哦對(duì)了,航班號(hào)多少來著,再切到桌面,找到并打開去哪App看航班號(hào),最后找到并打開租車App,輸入租車地點(diǎn),然后再切回桌面。

在原生應(yīng)用體系下,用戶只能這樣。但在HTML5體系下,他不需要切回桌面,他可以在App間方便的直接跳來跳去,而不是使用一個(gè)一個(gè)孤島App;他更不用重復(fù)錄入數(shù)據(jù),應(yīng)用間可以方便的互相傳遞數(shù)據(jù)。

這種模式需要一點(diǎn)想象力,但未來遲早會(huì)來。

分析至此,我們可以明顯的看出,不管是站在最終用戶角度、還是站在開發(fā)者角度,HTML5必將取代原生應(yīng)用當(dāng)前的位置。并由此引發(fā)一系列顛覆。

還有什么會(huì)被改變?

HTML5的爆發(fā),原生App生態(tài)系統(tǒng)的顛覆,是一場(chǎng)產(chǎn)業(yè)革命,很多角色都會(huì)受到影響,我們來預(yù)測(cè)一番。

新型HTML5引擎戰(zhàn)火將燒起

標(biāo)準(zhǔn)的HTML5引擎并不能解決HTML5的所有問題,擁有大流量入口的互聯(lián)網(wǎng)巨頭,莫不在思考內(nèi)嵌更優(yōu)秀的增強(qiáng)引擎。騰訊推出了X5瀏覽器引擎,就是看中這個(gè)機(jī)會(huì)。目前各路瀏覽器廠商、應(yīng)用市場(chǎng)廠商、甚至rom廠商,都在努力整合更優(yōu)質(zhì)的瀏覽器引擎。假使微信內(nèi)嵌的Webview可以運(yùn)行更優(yōu)秀的canvas游戲、假使360手機(jī)助手可以發(fā)行即點(diǎn)即用的HTML5應(yīng)用并且能力體驗(yàn)與原生一致、假使小米rom內(nèi)置更強(qiáng)大的webview使得所有HTML5應(yīng)用在小米手機(jī)上運(yùn)行的更流暢。

一個(gè)巨頭開始行動(dòng),所有巨頭都會(huì)聞風(fēng)而動(dòng),沒錯(cuò),這場(chǎng)戰(zhàn)役會(huì)是移動(dòng)互聯(lián)網(wǎng)世界的二次世界大戰(zhàn)。

應(yīng)用發(fā)行市場(chǎng)將洗牌

由于超級(jí)App的巨大流量能輕易成為HTML5應(yīng)用的入口,并且會(huì)形成大者更大的效應(yīng),傳統(tǒng)的應(yīng)用商店、甚至線下預(yù)裝,這些流量不足和效率偏低的發(fā)行模式將被擠出市場(chǎng)主流。本身也是超級(jí)App的大流量應(yīng)用商店,如果轉(zhuǎn)型得當(dāng),也將以發(fā)行HTML5應(yīng)用為主。

廣告和統(tǒng)計(jì)市場(chǎng)

原生的廣告和統(tǒng)計(jì)SDK提供商會(huì)面臨尬尷,Google、百度等基于網(wǎng)頁的廣告和統(tǒng)計(jì)服務(wù)會(huì)取得更大的優(yōu)勢(shì)。開發(fā)者不再需要打包SDK,引入一個(gè)Script即可。

開源技術(shù)將在移動(dòng)互聯(lián)網(wǎng)領(lǐng)域更加流行

HTML的開放性造就了大量的開源產(chǎn)品,也反向促進(jìn)了HTML的繁榮。在Github上有大量的JS框架,而原生的開源代碼數(shù)量相比甚少。而未來移動(dòng)互聯(lián)網(wǎng)世界將因?yàn)殚_源而發(fā)展的更迅速,這里也同樣存在類Github廠商的機(jī)遇。

開發(fā)工具的變化

早期HTML只需要記事本寫幾個(gè)Tag,中期的HTML、JS、CSS比較復(fù)雜,需要更高級(jí)的文本編輯器,但HTML5到來后,它的代碼量、復(fù)雜度、開發(fā)模型將與原生開發(fā)看齊,需要類似XCode、Eclipse等專業(yè)的IDE工具來解決開發(fā)、調(diào)試的問題。一些以會(huì)使用記事本寫代碼為榮的開發(fā)者,將面臨思路轉(zhuǎn)換甚至被更高效的開發(fā)者淘汰。

性能分析調(diào)優(yōu)

目前很多針對(duì)原生應(yīng)用的性能分析調(diào)優(yōu)工具或服務(wù),未來也面臨轉(zhuǎn)型,HTML5應(yīng)用的性能分析調(diào)優(yōu)是另一個(gè)世界。

混淆與產(chǎn)權(quán)保護(hù)

HTML5是開放代碼的,好處也帶來弊端,有些東西開發(fā)者希望暴露,但有些東西開發(fā)者希望保護(hù)?;煜夹g(shù)就變得更有商業(yè)機(jī)會(huì)。PC Web上Gmail的混淆就做的不錯(cuò)。除了JS混淆,離線數(shù)據(jù)加密相信也有不少空間。

安全廠商的新機(jī)會(huì)

HTML5的強(qiáng)大會(huì)引發(fā)很多安全問題,并且解決思路與原生不一樣,業(yè)內(nèi)有可能會(huì)出現(xiàn)新的安全廠商領(lǐng)導(dǎo)者。

熟知?dú)v史才能預(yù)知未來,讓我們來看看HTML5為什么誕生、這8年是怎么過來的。

HTML5的誕生

自W3C于1999年發(fā)布HTML4后,Web世界快速發(fā)展,一片繁榮。人們一度認(rèn)為HTML標(biāo)準(zhǔn)不需要升級(jí)了。一些致力于發(fā)展Web App的公司另行成立了WHATWG組織,直到2007年,W3C從WHATWG接手相關(guān)工作,重新開始發(fā)展HTML5。

HTML5的發(fā)展史,有用戶的需求在推動(dòng),有技術(shù)開發(fā)者的需求在推動(dòng),更有巨大的商業(yè)利益在推動(dòng)。

在互聯(lián)網(wǎng)的早期,對(duì)用戶而言,能打開瀏覽器接入到互聯(lián)網(wǎng)世界就是一個(gè)神奇的事情,但互聯(lián)網(wǎng)發(fā)展到2005年前后,開始出現(xiàn)下一個(gè)變化,就是寬帶互聯(lián)。

隨著寬帶的普及和電腦性能的增強(qiáng),人們不再滿足于單純的通過互聯(lián)網(wǎng)看新聞、收發(fā)郵件,消耗更高帶寬的娛樂產(chǎn)品開始出現(xiàn),就是流視頻和網(wǎng)頁游戲。其實(shí)視頻和游戲是古老的需求,在互聯(lián)網(wǎng)不普及的時(shí)候,需求的滿足方式是離線傳輸?shù)腣CD和游戲光盤;后來互聯(lián)網(wǎng)逐漸普及,人們更改了使用方式,通過下載軟件+本地媒體播放器來看視頻,下載體積較大的端游玩游戲。

但是對(duì)消費(fèi)者體驗(yàn)更好的新方式還是出現(xiàn)并顛覆了以前的一切,那就是流媒體和網(wǎng)頁游戲。Youtube等公司把握住潮流飛速崛起,各種頁游公司也如雨后春筍。

但是HTML標(biāo)準(zhǔn)沒有把握住產(chǎn)業(yè)的變化及時(shí)演進(jìn),瀏覽器產(chǎn)品也未升級(jí),這塊新需求被瀏覽器插件滿足了,那就是Flash。這個(gè)部署在億萬瀏覽器里的商業(yè)插件儼然成為事實(shí)標(biāo)準(zhǔn)。2005年Adobe巨資收購Macromedia,把Flash收歸旗下,緊接著大幅推廣FLV流媒體和action script語言,很明顯這樁收購可以列為IT并購的經(jīng)典案例,F(xiàn)LV流媒體和Flash游戲風(fēng)靡互聯(lián)網(wǎng),Adobe在新的產(chǎn)業(yè)升級(jí)中攫取了大量的利潤。

除了Flash這個(gè)商業(yè)產(chǎn)品成為了事實(shí)標(biāo)準(zhǔn),W3C還面臨一個(gè)尷尬,就是另一個(gè)私有擴(kuò)展協(xié)議的制造者―IE。IE當(dāng)時(shí)在桌面瀏覽器占有壟斷地位,并且擴(kuò)展了大量的IE Only語法,開發(fā)者完全不知道這些語言是誰定義的。整個(gè)web世界,就被兩家公司微軟+Adobe綁架了。

很多IT巨頭都坐不住了,尤其是蘋果和Google。PC操作系統(tǒng)的世界難有突破,Web瀏覽器被蘋果寄予厚望,而且第一代iPhone只支持網(wǎng)頁,那時(shí)還沒有Appstore,Safari是喬布斯非??粗氐漠a(chǎn)品;新貴Google雖然大量贊助Mozilla,但并未對(duì)IE的地位產(chǎn)生實(shí)質(zhì)影響,收購了YouTube后發(fā)現(xiàn)底層被Adobe控制,也是非常難過,而且Google每年給IE的搜索框和Adoble FLV繳納的費(fèi)用真不是小數(shù)目。

既然大家都是W3C的主席單位,好吧,我們重新開始做HTML5吧。

是的,HTML5其實(shí)就是這么誕生的。那是2007年,IE和Flash由盛轉(zhuǎn)衰的轉(zhuǎn)折點(diǎn)。

HTML5第一階段: Web 增強(qiáng)與破壟斷

自HTML5誕生以來,一共經(jīng)歷了兩個(gè)階段,分別是Web增強(qiáng)和移動(dòng)互聯(lián)網(wǎng)。我們先從Web 增強(qiáng)說起。

web體驗(yàn)的豐富增強(qiáng)主要表現(xiàn)在:1. webapp,比如gmail;2. 流媒體;3. 游戲。我們就這3個(gè)方面來講HTML5做了什么。

1. webApp

HTML5新增了離線存儲(chǔ)、更豐富的表單(比如Input type=date)、js線程、socket王樂、標(biāo)準(zhǔn)擴(kuò)展embed、以及很多css3新語法…

2. 流媒體

HTML5新增了audio、video

3. 游戲

HTML5新增了canvas、webgl

當(dāng)然還有Google努力在HTML5中推進(jìn)Header和Section等標(biāo)簽,以利于搜索引擎分析,這些不多述。

HTML5補(bǔ)充流媒體和游戲能力后,加上蘋果強(qiáng)勢(shì)拒絕在iOS上引入Flash,成功的遏制了Flash的發(fā)展,然后就該遏制IE私有語法了。

在HTML5標(biāo)準(zhǔn)的升級(jí)過程中,蘋果和Google同時(shí)也看到了瀏覽器市場(chǎng)重新洗牌的機(jī)會(huì),他們一方面參與HTML5的規(guī)范,一邊在瀏覽器產(chǎn)品上發(fā)力。Apple首先開始大力發(fā)展Safari,建立WebKit開源項(xiàng)目,Mac、iOS、Windows多平臺(tái)齊發(fā)力;Google起初是贊助Mozilla開發(fā)Firefox,后來自己開發(fā)了v8引擎,合并WebKit,于2008年正式推出Chrome。“IE的私有規(guī)范+Flash不是標(biāo)準(zhǔn),我們才是標(biāo)準(zhǔn)”這樣的口號(hào)在新一代瀏覽器大戰(zhàn)中打響,IE瞬間成為千夫所指的壟斷代表,甚至成了阻礙Web發(fā)展的罪人(當(dāng)時(shí)IE6已數(shù)年未更新,并且絲毫不懼Firefox的發(fā)展)。

偏偏微軟此時(shí)也出了暈招,推出了一系列即不完整支持規(guī)范又互相不兼容的IE7、8、9、10,徹底失去了開發(fā)者的心。

Adobe的Flash被遏制,與Web霸主的位子擦肩而過;IE的私有標(biāo)準(zhǔn)被遏制,并且造成IE市場(chǎng)份額不停下滑,直到IE最新的移動(dòng)版本反過來開始支持WebKit私有語法,真是令人唏噓。不知道HTML6是不是該打倒WebKit壟斷了。

HTML5第二階段: 移動(dòng)互聯(lián)網(wǎng)

隨著Chrome和Safari的高歌猛進(jìn),以及IE+Flash的衰落,HTML5告一段落,進(jìn)入了下一個(gè)時(shí)代――移動(dòng)互聯(lián)網(wǎng)。HTML5的跨平臺(tái)優(yōu)勢(shì)在移動(dòng)互聯(lián)網(wǎng)時(shí)代被進(jìn)一步凸顯。HTML5是唯一一個(gè)通吃PC、Mac、iPhone、iPad、Android、Windows Phone等主流平臺(tái)的跨平臺(tái)語言。Java和Flash都曾夢(mèng)想這個(gè)位置,但夢(mèng)斷于iOS。此時(shí)人們紛紛開始研究基于HTML5開發(fā)跨平臺(tái)手機(jī)應(yīng)用。很多人當(dāng)時(shí)認(rèn)為,原生應(yīng)用只是過渡,就像當(dāng)年從C/S結(jié)構(gòu)轉(zhuǎn)變?yōu)锽/S結(jié)構(gòu)一樣。而且學(xué)習(xí)Objective-C和Java很費(fèi)勁,我既然會(huì)網(wǎng)頁開發(fā),為何不試試HTML5。

W3C此時(shí)成立了Device API工作組,為HTML5擴(kuò)展了Camera、GPS等手機(jī)特有的API,然而麻煩的是,移動(dòng)互聯(lián)網(wǎng)初期的迭代太快了,手機(jī)OS在不停的擴(kuò)展硬件API,陀螺儀、距離感應(yīng)器、氣壓計(jì)。。。每年手機(jī)OS都有大版本更新。而W3C作為一個(gè)數(shù)百家會(huì)員單位共同決策的組織,從標(biāo)準(zhǔn)草案的提出到達(dá)成一致是非常復(fù)雜的過程,跟不上移動(dòng)互聯(lián)網(wǎng)初期的快速迭代。

PhoneGap的出現(xiàn),給開發(fā)者打開了一扇窗。很多人期待PhoneGap不停擴(kuò)展API,來補(bǔ)充瀏覽器的不足。Adobe看到PhoneGap仿佛看到了重振江湖地位的希望,但在Adobe收購PhoneGap后,又發(fā)現(xiàn)這個(gè)東西可商用性不足,而且開源使得Adobe無法像Flash那樣獲取商業(yè)利益,于是就把PhoneGap捐給了Apache,改名為Cordova。

因?yàn)楦鞣N原因,Cordova的定位最終沒有成為瀏覽器的強(qiáng)化,而走向了混合式開發(fā)?;诋?dāng)時(shí)的背景,他們認(rèn)為原生是不可替代的,“原生+HTML5”的混合模式更有意義。所以現(xiàn)在Cordova的使用模型是“原生工程師+HTML5工程師”一起協(xié)作完成App。

這時(shí)Facebook加入了W3C,牽頭成立了Mobile Web工作組。Facebook是混Web圈的,并且在手機(jī)OS上沒有自己的領(lǐng)地,他不喜歡被蘋果和Google掌控的原生應(yīng)用生態(tài)系統(tǒng)。Mobile Web這個(gè)工作組的重要目標(biāo)就是讓HTML5開發(fā)的網(wǎng)頁應(yīng)用達(dá)到原生應(yīng)用的體驗(yàn)。然而,事與愿違,它不努力也就算了,結(jié)果是努力了卻失敗了。2012年,F(xiàn)acebook放棄了HTML5的新聞充斥了全世界的IT媒體,HTML5瞬間被打入冷宮。

Facebook為何放棄HTML5?核心是當(dāng)時(shí)基于HTML5真的做不出好的移動(dòng)App。對(duì)比Twritter等競(jìng)爭(zhēng)對(duì)手的原生App,F(xiàn)acebook的HTML5版本實(shí)在無法讓用戶滿意。比如Push功能,到現(xiàn)在HTML5的推送和原生的推送體驗(yàn)差距依然巨大,更不用說HTML5應(yīng)用的頁面切換白屏、下拉刷新/側(cè)滑菜單不流暢等眾多問題??粗こ處熭p松實(shí)現(xiàn)搖一搖、二維碼、語音輸入、分享到朋友圈等功能,更是讓HTML5工程師感覺自己站錯(cuò)了隊(duì)。

即使Facebook不喜歡被控制,也不能拿被用戶拋棄來冒險(xiǎn)。而且Facebook并沒有掌握關(guān)鍵點(diǎn)―手機(jī)瀏覽器內(nèi)核。如果瀏覽器不跟上,徒然定一堆標(biāo)準(zhǔn)草案落不了地。

而瀏覽器在手機(jī)上的表現(xiàn)是什么呢?先看Google,Chrome性能雖高,但Android上的瀏覽器卻并非Chrome,而是WebKit改出來的一個(gè)蹩腳的Android瀏覽器;再看蘋果,iOS上不允許其他瀏覽器引擎上架App Store,而且其他使用Safari引擎的應(yīng)用也無法調(diào)用蘋果自己的JavaScript加速引擎Nitro。結(jié)果是蘋果和Google不但不在瀏覽器上積極實(shí)現(xiàn)HTML5關(guān)于移動(dòng)App所需的規(guī)范,反而對(duì)HTML5做出種種限制。

不管是當(dāng)時(shí)硬件能力不足,還是手機(jī)OS廠商的故意限制,總之結(jié)果就是:在移動(dòng)互聯(lián)網(wǎng)的初期,一定是原生應(yīng)用生態(tài)系統(tǒng)的天下,iOS和Android首先自己的地盤穩(wěn)固后,產(chǎn)業(yè)才會(huì)向下個(gè)階段升級(jí)。

Facebook也好,PhoneGap也好,想在移動(dòng)互聯(lián)網(wǎng)初期就分一杯羹是分不到的,但堅(jiān)持下來,機(jī)會(huì)往往會(huì)出現(xiàn)。

HTML5這回真的來了

終于,在2014年10月底,W3C宣布HTML5正式定稿。這個(gè)時(shí)間,不晚不早,硬件性能更強(qiáng)、手機(jī)OS迭代速度下降。

隨著HTML5標(biāo)準(zhǔn)定稿,一切紛爭(zhēng)將告一段落,現(xiàn)在,屬于HTML5的時(shí)代到來了。

有人說,光標(biāo)準(zhǔn)定稿沒用啊,配套起來了嗎?HTML5做的應(yīng)用究竟能否匹敵原生App?答案是,HTML5不但可以匹敵原生App,甚至它天然的很多特性超越了原生App。

我們先談?wù)凥TML5原來不如原生應(yīng)用的地方,業(yè)內(nèi)俗稱HTML5有“性工能”障礙。即HTML5性能不如原生、開發(fā)工具不如原生、能力調(diào)用不如原生。

手機(jī)App三年內(nèi)將徹底消失 HTML5將顛覆原生App世界?

這幾個(gè)問題導(dǎo)致開發(fā)者無法使用HTML5做出與原生一樣的App。然而,不管是硬件升級(jí)還是OS廠商策略變化,以及相關(guān)軟件技術(shù)的成熟,已解決了HTML5的“性工能”障礙。

1. 硬件升級(jí)

2011年,iPhone 4s的CPU是A5,現(xiàn)在iPhone 6是A8,按蘋果的歷次發(fā)布會(huì)的說法,速度共提升了7.5倍。這3年間7.5倍的速度提升,抹平了太多HTML5的性能問題。

2. 蘋果、Google的策略變化

Google在2013年底發(fā)布的Android 4.4,內(nèi)置的Webview不再是蹩腳的Android WebKit瀏覽器,而是Chromium,性能大幅提升。從最新的Android5.0開始,Webview可以通過Google Play Store實(shí)時(shí)更新,和Chrome的升級(jí)保持一致,用戶就可以不刷機(jī)享受到最新的瀏覽器引擎;再看Apple方面,2012年iPhone 5發(fā)布后,HTML5在iOS上的表現(xiàn)已令人滿意,Safari獨(dú)家的JavaScript加速引擎Nitro不再那么重要,不過在iOS 8發(fā)布后,蘋果還是很識(shí)趣地取消了三方程序調(diào)用Nitro的限制,現(xiàn)在任意瀏覽器或應(yīng)用調(diào)用iOS的UIWebview都可以利用Nitro加速,這樣在前端使用JS做大型運(yùn)算也成為可能。兩大手機(jī)操作系統(tǒng)霸主和瀏覽器巨頭的態(tài)度發(fā)生了變化,使得HTML5在手機(jī)上的發(fā)展不再受限,而且這個(gè)變化不可逆只能繼續(xù)向前,這種變化勢(shì)必會(huì)產(chǎn)生深遠(yuǎn)的影響。

3. 軟件技術(shù)的成熟

PhoneGap的發(fā)展雖然放緩了,但其他產(chǎn)品技術(shù)卻成熟了。2014年的iWeb大會(huì)上,眾多廠商的產(chǎn)品提供了面向開發(fā)者免費(fèi)或開源的HTML5性工能障礙的解決方案。

(注:編者作為從業(yè)人員,也會(huì)在分析各種方案時(shí)提到我們公司的方案,但編者會(huì)客觀不夸張的陳述方案,而且該方案是純免費(fèi)的,沒有商業(yè)銷售嫌疑。)

DCloud公司在iWeb大會(huì)上發(fā)布了系統(tǒng)的HTML5“性工能缺失”的解決方案,包括:

a) 性能:提升HTML5性能的手機(jī)端引擎,讓側(cè)滑菜單、下拉刷新等動(dòng)態(tài)交互卡頓的問題得以解決;

b) 工具:HTML5開發(fā)IDE產(chǎn)品HBuilder, 超快的編程利器;

c) 能力:把40萬原生API封裝成JavaScript對(duì)象,以解決HTML5能力不足問題的Native.js技術(shù);

d) 最接近原生體驗(yàn)的高性能框架:MUI框架,體積只有幾十K,加載、運(yùn)行遠(yuǎn)快于一般框架。

基于該方案開發(fā)的HTML5應(yīng)用完全可以達(dá)到原生App的功能和體驗(yàn)。

手機(jī)App三年內(nèi)將徹底消失 HTML5將顛覆原生App世界?

使用HBuilder開發(fā)HTML5應(yīng)用

英特爾公司發(fā)布了Crosswalk引擎,可以讓Android 4.0-4.3的手機(jī)上的應(yīng)用打包Chromium引擎而不是Android WebKit。畢竟目前市場(chǎng)上存在大量Android 4.0-4.3的手機(jī),同時(shí)統(tǒng)一的webview也避免了兼容性的煩惱。

在專業(yè)方向上很多公司也做出了不錯(cuò)的成績。觸控的Cocos2d-html5、Egret runtime和Ludei CocoonJS強(qiáng)化了Canvas的表現(xiàn),讓HTML5游戲體驗(yàn)更好;UC、獵豹等手機(jī)瀏覽器都強(qiáng)化了音視頻播放的表現(xiàn)。

不管是硬件升級(jí)、軟件成熟,還是操作系統(tǒng)廠商策略變化,都在強(qiáng)力推動(dòng)HTML5的爆發(fā)。

不過要注意,我說的HTML5爆發(fā),不是指手機(jī)瀏覽器會(huì)替代桌面成為應(yīng)用入口。有人說HTML5不好,因?yàn)橛脩粲憛挻蜷_瀏覽器輸入U(xiǎn)RL的過程。我想說這種想法是對(duì)HTML5的片面理解。HTML5!=傳統(tǒng)瀏覽器,雖然編程語言還是HTML、Javascript、CSS,但發(fā)行方式絕不是傳統(tǒng)網(wǎng)站那么簡(jiǎn)單。HTML5應(yīng)用的入口,反而很少是啟動(dòng)瀏覽器輸入U(xiǎn)RL,它可以是存在于手機(jī)桌面的圖標(biāo)、也可以來自超級(jí)App(如微信朋友圈)、以及搜索引擎、應(yīng)用市場(chǎng)、廣告聯(lián)盟。。。到處都是它的入口。它的入口,比原生App更多。

原生App的顛覆

HTML5的“性工能”障礙得到解決,可以接近原生App的效果,所以它就可以替代原生App嗎?很多人認(rèn)為,即使HTML5會(huì)發(fā)展的比現(xiàn)在好,也將是與原生App各占一部分市場(chǎng)的格局,要求不高的長尾應(yīng)用會(huì)使用HTML5,而主流應(yīng)用仍是原生App的天下。

但我認(rèn)為這樣的想法很危險(xiǎn),就像Apple成立前,HP的高層告訴沃茲:誰會(huì)在家里擺一臺(tái)電腦呢?未來HTML5肯定會(huì)顛覆原生App。

結(jié)語

其實(shí)未來如何發(fā)展是沒人能準(zhǔn)確預(yù)測(cè)的,變量非常多。但我想讓用戶和開發(fā)者都更方便的趨勢(shì)是不會(huì)錯(cuò)的。

我在這里拋磚引玉,歡迎大家一起討論,但我希望我們能理智的分析,在爭(zhēng)議中提煉真知,而不是未經(jīng)思考或驗(yàn)證僅因?yàn)楹ε卤活嵏捕鵁o謂的亂噴。也祝愿大家在HTML5的浪潮中,把握住機(jī)遇,享受下坐在風(fēng)口當(dāng)豬的感覺。

 

北京app開發(fā)公司 | 企業(yè)品牌App移動(dòng)互聯(lián)網(wǎng)解決方案 | 一站式o2o app開發(fā)大數(shù)據(jù)解決方案 | 智能設(shè)備APP開發(fā)商

HTML5定稿:手機(jī)App三年內(nèi)將徹底消失?

HTML5定稿:手機(jī)App三年內(nèi)將徹底消失?
  HTML5對(duì)開發(fā)者的7大優(yōu)勢(shì)

  跨平臺(tái):

在多屏年代,開發(fā)者的痛苦指數(shù)非常高,人人都期盼HTML5能扮演救星。多套代碼、不同技術(shù)工種、業(yè)務(wù)邏輯同步,這是折磨人的過程。有點(diǎn)類似個(gè)人電腦早期世界,那個(gè)時(shí)候的每家電腦都有自己的操作系統(tǒng)和編程語言,開發(fā)者疲于做不同版本,其實(shí)DOS的盛行也很大程度是因?yàn)殚_發(fā)者實(shí)在沒精力給其他電腦寫程序。跨平臺(tái)技術(shù)在早期大多因?yàn)樾阅軉栴}夭折,但中后期硬件能力增強(qiáng)后又會(huì)占據(jù)主流,因?yàn)榭缙脚_(tái)確實(shí)是剛需。

  快速迭代:

移動(dòng)互聯(lián)網(wǎng)是一個(gè)快魚吃慢魚的時(shí)代,誰對(duì)用戶的需求滿足的更快,誰的試錯(cuò)成本更低,誰就擁有巨大的優(yōu)勢(shì)。互聯(lián)網(wǎng)產(chǎn)品大多免費(fèi)、且有網(wǎng)絡(luò)效應(yīng),后入者搶奪用戶的難度非常大。使用原生開發(fā),從招聘、開發(fā)、上線各個(gè)環(huán)節(jié)的效率都慢一倍以上,而且參與的人越多,溝通效率往往拖慢不止一倍。

  持續(xù)交付:

很多人有這樣的體會(huì),一個(gè)原生應(yīng)用上線Appstore,突然有一個(gè)大bug,只好連夜加班修復(fù),然后靜靜等待2周或更長時(shí)間的Apple審核,這2個(gè)星期被用戶的涂抹淹死,市場(chǎng)上一片差評(píng),用戶大量流失。等新應(yīng)用被審核上線了,用戶已經(jīng)卸載了。但是,HTML5沒有這些問題,你可以實(shí)時(shí)更新,有問題立即響應(yīng)。

  大幅下降成本:

創(chuàng)業(yè)者融資并不容易,如何花錢更高效非常重要。如果你使用原生開發(fā)的App和競(jìng)爭(zhēng)對(duì)手使用HTML5開發(fā)的App沒什么區(qū)別,但你的開發(fā)成本高出一倍,我相信沒有投資人會(huì)喜歡給你投錢。

  開源生態(tài)系統(tǒng)發(fā)達(dá):

HTML5前端是開放的正反饋循環(huán)生態(tài)系統(tǒng),大量的開源庫可以使用,開發(fā)應(yīng)用變得更輕松、更敏捷,當(dāng)然這也體現(xiàn)在了快速迭代和成本下降上。不過更重要的是,這種開放的正反饋循環(huán)生態(tài)系統(tǒng)未來的生命力是比原生生態(tài)系統(tǒng)更強(qiáng)勁的。

  開放的數(shù)據(jù)交換:

HTML是以page為單元開放代碼的,它無需專門開發(fā)SDK,只要不混淆,就能與其他應(yīng)用交互數(shù)據(jù)。開發(fā)者可以讓手機(jī)搜索引擎很容易檢索到自己的數(shù)據(jù), 也更容易通過跨應(yīng)用協(xié)作來滿足最終用戶需求。

  更容易推廣、更容易爆發(fā):

導(dǎo)流入口多:HTML5應(yīng)用導(dǎo)流非常容易,超級(jí)App(如微信朋友圈)、搜索引擎、應(yīng)用市場(chǎng)、瀏覽器,到處都是HTML5的流量入口。而原生App的流量入口只有應(yīng)用市場(chǎng)。聰明的HTML5開發(fā)者當(dāng)然會(huì)玩轉(zhuǎn)各種流量入口從而取得更強(qiáng)的優(yōu)勢(shì)。

流量大:前段時(shí)間微信朋友圈風(fēng)靡一時(shí)《神經(jīng)貓》,這個(gè)游戲如果放到Appstore,絕對(duì)沒有那么多流量,超級(jí)App帶來的流量,遠(yuǎn)大于原生應(yīng)用市場(chǎng)。假如微信允許游戲在桌面創(chuàng)建快捷方式、假如游戲后續(xù)升級(jí)解決持續(xù)娛樂問題,未來不可想象。

導(dǎo)流效率高:除了入口多、流量大,導(dǎo)流效率高也不可忽視,誰都知道:頁游和端游打同樣的廣告,廣告變用戶的轉(zhuǎn)化率,頁游遠(yuǎn)遠(yuǎn)高于端游。

  HTML5對(duì)最終用戶的3大優(yōu)勢(shì)

  大幅降低使用門檻

為什么流媒體會(huì)替代下載視頻成為主流?為什么頁游會(huì)如此火爆?只因用戶太“懶”。讓用戶更方便的滿足需求,有時(shí)效果好于更多的滿足需求。

用戶眼睛看到一個(gè)興趣點(diǎn),點(diǎn)擊后,就應(yīng)該立即開始滿足用戶需求。比如流媒體可以立即看,頁游可以立即玩。而目前的原生應(yīng)用市場(chǎng),用戶需要這樣操作:選一個(gè)應(yīng)用、等待下載、確認(rèn)權(quán)限、等待安裝,然后點(diǎn)擊打開。這樣糟糕的體驗(yàn)遲早要被顛覆。

不管是App、游戲還是音視頻,未來都將即點(diǎn)即用。誰先滿足用戶這個(gè)需求,誰就制勝。

  實(shí)時(shí)更新、差量更新的優(yōu)秀體驗(yàn)

HTML5應(yīng)用可以繞開應(yīng)用市場(chǎng)的限制進(jìn)行自主實(shí)時(shí)更新,用戶可以快速享受新服務(wù)。

而且這種更新完全可以是差量更新,比如某個(gè)HTML頁面或某個(gè)js文件有問題,只更新這個(gè)幾k的小文件就可以了,這比原生應(yīng)用的更新體驗(yàn)好太多。

  跨應(yīng)用的使用體驗(yàn)

目前手機(jī)應(yīng)用切換是以桌面或任務(wù)管理器為中心的,但事實(shí)上這些中心很影響效率和體驗(yàn)。用戶想出差三亞,先打開去哪App訂票,然后切回桌面,再找到并打開天氣App,搜索輸入三亞,再切到桌面,找到并打開航旅縱橫App,輸入航班號(hào)值機(jī),哦對(duì)了,航班號(hào)多少來著,再切到桌面,找到并打開去哪App看航班號(hào),最后找到并打開租車App,輸入租車地點(diǎn),然后再切回桌面。

在原生應(yīng)用體系下,用戶只能這樣。但在HTML5體系下,他不需要切回桌面,他可以在App間方便的直接跳來跳去,而不是使用一個(gè)一個(gè)孤島App;他更不用重復(fù)錄入數(shù)據(jù),應(yīng)用間可以方便的互相傳遞數(shù)據(jù)。

這種模式需要一點(diǎn)想象力,但未來遲早會(huì)來。

分析至此,我們可以明顯的看出,不管是站在最終用戶角度、還是站在開發(fā)者角度,HTML5必將取代原生應(yīng)用當(dāng)前的位置。并由此引發(fā)一系列顛覆。

  還有什么會(huì)被改變?

HTML5的爆發(fā),原生App生態(tài)系統(tǒng)的顛覆,是一場(chǎng)產(chǎn)業(yè)革命,很多角色都會(huì)受到影響,我們來預(yù)測(cè)一番。

  新型HTML5引擎戰(zhàn)火將燒起

標(biāo)準(zhǔn)的HTML5引擎并不能解決HTML5的所有問題,擁有大流量入口的互聯(lián)網(wǎng)巨頭,莫不在思考內(nèi)嵌更優(yōu)秀的增強(qiáng)引擎。騰訊推出了X5瀏覽器引擎,就是看中這個(gè)機(jī)會(huì)。目前各路瀏覽器廠商、應(yīng)用市場(chǎng)廠商、甚至rom廠商,都在努力整合更優(yōu)質(zhì)的瀏覽器引擎。假使微信內(nèi)嵌的Webview可以運(yùn)行更優(yōu)秀的canvas游戲、假使360手機(jī)助手可以發(fā)行即點(diǎn)即用的HTML5應(yīng)用并且能力體驗(yàn)與原生一致、假使小米rom內(nèi)置更強(qiáng)大的webview使得所有HTML5應(yīng)用在小米手機(jī)上運(yùn)行的更流暢。

一個(gè)巨頭開始行動(dòng),所有巨頭都會(huì)聞風(fēng)而動(dòng),沒錯(cuò),這場(chǎng)戰(zhàn)役會(huì)是移動(dòng)互聯(lián)網(wǎng)世界的二次世界大戰(zhàn)。

  應(yīng)用發(fā)行市場(chǎng)將洗牌

由于超級(jí)App的巨大流量能輕易成為HTML5應(yīng)用的入口,并且會(huì)形成大者更大的效應(yīng),傳統(tǒng)的應(yīng)用商店、甚至線下預(yù)裝,這些流量不足和效率偏低的發(fā)行模式將被擠出市場(chǎng)主流。本身也是超級(jí)App的大流量應(yīng)用商店,如果轉(zhuǎn)型得當(dāng),也將以發(fā)行HTML5應(yīng)用為主。

  廣告和統(tǒng)計(jì)市場(chǎng)

原生的廣告和統(tǒng)計(jì)SDK提供商會(huì)面臨尬尷,Google、百度等基于網(wǎng)頁的廣告和統(tǒng)計(jì)服務(wù)會(huì)取得更大的優(yōu)勢(shì)。開發(fā)者不再需要打包SDK,引入一個(gè)Script即可。

  開源技術(shù)將在移動(dòng)互聯(lián)網(wǎng)領(lǐng)域更加流行

HTML的開放性造就了大量的開源產(chǎn)品,也反向促進(jìn)了HTML的繁榮。在Github上有大量的JS框架,而原生的開源代碼數(shù)量相比甚少。而未來移動(dòng)互聯(lián)網(wǎng)世界將因?yàn)殚_源而發(fā)展的更迅速,這里也同樣存在類Github廠商的機(jī)遇。

  開發(fā)工具的變化

早期HTML只需要記事本寫幾個(gè)Tag,中期的HTML、JS、CSS比較復(fù)雜,需要更高級(jí)的文本編輯器,但HTML5到來后,它的代碼量、復(fù)雜度、開發(fā)模型將與原生開發(fā)看齊,需要類似XCode、Eclipse等專業(yè)的IDE工具來解決開發(fā)、調(diào)試的問題。一些以會(huì)使用記事本寫代碼為榮的開發(fā)者,將面臨思路轉(zhuǎn)換甚至被更高效的開發(fā)者淘汰。

  性能分析調(diào)優(yōu)

目前很多針對(duì)原生應(yīng)用的性能分析調(diào)優(yōu)工具或服務(wù),未來也面臨轉(zhuǎn)型,HTML5應(yīng)用的性能分析調(diào)優(yōu)是另一個(gè)世界。

  混淆與產(chǎn)權(quán)保護(hù)

HTML5是開放代碼的,好處也帶來弊端,有些東西開發(fā)者希望暴露,但有些東西開發(fā)者希望保護(hù)。混淆技術(shù)就變得更有商業(yè)機(jī)會(huì)。PC Web上Gmail的混淆就做的不錯(cuò)。除了JS混淆,離線數(shù)據(jù)加密相信也有不少空間。

  安全廠商的新機(jī)會(huì)

HTML5的強(qiáng)大會(huì)引發(fā)很多安全問題,并且解決思路與原生不一樣,業(yè)內(nèi)有可能會(huì)出現(xiàn)新的安全廠商領(lǐng)導(dǎo)者。

熟知?dú)v史才能預(yù)知未來,讓我們來看看HTML5為什么誕生、這8年是怎么過來的。

  HTML5的誕生

自W3C于1999年發(fā)布HTML4后,Web世界快速發(fā)展,一片繁榮。人們一度認(rèn)為HTML標(biāo)準(zhǔn)不需要升級(jí)了。一些致力于發(fā)展Web App的公司另行成立了WHATWG組織,直到2007年,W3C從WHATWG接手相關(guān)工作,重新開始發(fā)展HTML5。

HTML5的發(fā)展史,有用戶的需求在推動(dòng),有技術(shù)開發(fā)者的需求在推動(dòng),更有巨大的商業(yè)利益在推動(dòng)。

在互聯(lián)網(wǎng)的早期,對(duì)用戶而言,能打開瀏覽器接入到互聯(lián)網(wǎng)世界就是一個(gè)神奇的事情,但互聯(lián)網(wǎng)發(fā)展到2005年前后,開始出現(xiàn)下一個(gè)變化,就是寬帶互聯(lián)。

隨著寬帶的普及和電腦性能的增強(qiáng),人們不再滿足于單純的通過互聯(lián)網(wǎng)看新聞、收發(fā)郵件,消耗更高帶寬的娛樂產(chǎn)品開始出現(xiàn),就是流視頻和網(wǎng)頁游戲。其實(shí)視頻和游戲是古老的需求,在互聯(lián)網(wǎng)不普及的時(shí)候,需求的滿足方式是離線傳輸?shù)腣CD和游戲光盤;后來互聯(lián)網(wǎng)逐漸普及,人們更改了使用方式,通過下載軟件+本地媒體播放器來看視頻,下載體積較大的端游玩游戲。

但是對(duì)消費(fèi)者體驗(yàn)更好的新方式還是出現(xiàn)并顛覆了以前的一切,那就是流媒體和網(wǎng)頁游戲。Youtube等公司把握住潮流飛速崛起,各種頁游公司也如雨后春筍。

但是HTML標(biāo)準(zhǔn)沒有把握住產(chǎn)業(yè)的變化及時(shí)演進(jìn),瀏覽器產(chǎn)品也未升級(jí),這塊新需求被瀏覽器插件滿足了,那就是Flash。這個(gè)部署在億萬瀏覽器里的商業(yè)插件儼然成為事實(shí)標(biāo)準(zhǔn)。2005年Adobe巨資收購Macromedia,把Flash收歸旗下,緊接著大幅推廣FLV流媒體和action script語言,很明顯這樁收購可以列為IT并購的經(jīng)典案例,F(xiàn)LV流媒體和Flash游戲風(fēng)靡互聯(lián)網(wǎng),Adobe在新的產(chǎn)業(yè)升級(jí)中攫取了大量的利潤。

除了Flash這個(gè)商業(yè)產(chǎn)品成為了事實(shí)標(biāo)準(zhǔn),W3C還面臨一個(gè)尷尬,就是另一個(gè)私有擴(kuò)展協(xié)議的制造者―IE。IE當(dāng)時(shí)在桌面瀏覽器占有壟斷地位,并且擴(kuò)展了大量的IE Only語法,開發(fā)者完全不知道這些語言是誰定義的。整個(gè)web世界,就被兩家公司微軟+Adobe綁架了。

很多IT巨頭都坐不住了,尤其是蘋果和Google。PC操作系統(tǒng)的世界難有突破,Web瀏覽器被蘋果寄予厚望,而且第一代iPhone只支持網(wǎng)頁,那時(shí)還沒有Appstore,Safari是喬布斯非??粗氐漠a(chǎn)品;新貴Google雖然大量贊助Mozilla,但并未對(duì)IE的地位產(chǎn)生實(shí)質(zhì)影響,收購了YouTube后發(fā)現(xiàn)底層被Adobe控制,也是非常難過,而且Google每年給IE的搜索框和Adoble FLV繳納的費(fèi)用真不是小數(shù)目。

既然大家都是W3C的主席單位,好吧,我們重新開始做HTML5吧。

是的,HTML5其實(shí)就是這么誕生的。那是2007年,IE和Flash由盛轉(zhuǎn)衰的轉(zhuǎn)折點(diǎn)。

HTML5第一階段: Web 增強(qiáng)與破壟斷

自HTML5誕生以來,一共經(jīng)歷了兩個(gè)階段,分別是Web增強(qiáng)和移動(dòng)互聯(lián)網(wǎng)。我們先從Web 增強(qiáng)說起。

web體驗(yàn)的豐富增強(qiáng)主要表現(xiàn)在:1. webapp,比如gmail;2. 流媒體;3. 游戲。我們就這3個(gè)方面來講HTML5做了什么。

1. webApp

HTML5新增了離線存儲(chǔ)、更豐富的表單(比如Input type=date)、js線程、socket王樂、標(biāo)準(zhǔn)擴(kuò)展embed、以及很多css3新語法…

2. 流媒體

HTML5新增了audio、video

3. 游戲

HTML5新增了canvas、webgl

當(dāng)然還有Google努力在HTML5中推進(jìn)Header和Section等標(biāo)簽,以利于搜索引擎分析,這些不多述。

HTML5補(bǔ)充流媒體和游戲能力后,加上蘋果強(qiáng)勢(shì)拒絕在iOS上引入Flash,成功的遏制了Flash的發(fā)展,然后就該遏制IE私有語法了。

在HTML5標(biāo)準(zhǔn)的升級(jí)過程中,蘋果和Google同時(shí)也看到了瀏覽器市場(chǎng)重新洗牌的機(jī)會(huì),他們一方面參與HTML5的規(guī)范,一邊在瀏覽器產(chǎn)品上發(fā)力。Apple首先開始大力發(fā)展Safari,建立WebKit開源項(xiàng)目,Mac、iOS、Windows多平臺(tái)齊發(fā)力;Google起初是贊助Mozilla開發(fā)Firefox,后來自己開發(fā)了v8引擎,合并WebKit,于2008年正式推出Chrome?!癐E的私有規(guī)范+Flash不是標(biāo)準(zhǔn),我們才是標(biāo)準(zhǔn)”這樣的口號(hào)在新一代瀏覽器大戰(zhàn)中打響,IE瞬間成為千夫所指的壟斷代表,甚至成了阻礙Web發(fā)展的罪人(當(dāng)時(shí)IE6已數(shù)年未更新,并且絲毫不懼Firefox的發(fā)展)。

偏偏微軟此時(shí)也出了暈招,推出了一系列即不完整支持規(guī)范又互相不兼容的IE7、8、9、10,徹底失去了開發(fā)者的心。

Adobe的Flash被遏制,與Web霸主的位子擦肩而過;IE的私有標(biāo)準(zhǔn)被遏制,并且造成IE市場(chǎng)份額不停下滑,直到IE最新的移動(dòng)版本反過來開始支持WebKit私有語法,真是令人唏噓。不知道HTML6是不是該打倒WebKit壟斷了。

  HTML5第二階段: 移動(dòng)互聯(lián)網(wǎng)

隨著Chrome和Safari的高歌猛進(jìn),以及IE+Flash的衰落,HTML5告一段落,進(jìn)入了下一個(gè)時(shí)代――移動(dòng)互聯(lián)網(wǎng)。HTML5的跨平臺(tái)優(yōu)勢(shì)在移動(dòng)互聯(lián)網(wǎng)時(shí)代被進(jìn)一步凸顯。HTML5是唯一一個(gè)通吃PC、Mac、iPhone、iPad、Android、Windows Phone等主流平臺(tái)的跨平臺(tái)語言。Java和Flash都曾夢(mèng)想這個(gè)位置,但夢(mèng)斷于iOS。此時(shí)人們紛紛開始研究基于HTML5開發(fā)跨平臺(tái)手機(jī)應(yīng)用。很多人當(dāng)時(shí)認(rèn)為,原生應(yīng)用只是過渡,就像當(dāng)年從C/S結(jié)構(gòu)轉(zhuǎn)變?yōu)锽/S結(jié)構(gòu)一樣。而且學(xué)習(xí)Objective-C和Java很費(fèi)勁,我既然會(huì)網(wǎng)頁開發(fā),為何不試試HTML5。

W3C此時(shí)成立了Device API工作組,為HTML5擴(kuò)展了Camera、GPS等手機(jī)特有的API,然而麻煩的是,移動(dòng)互聯(lián)網(wǎng)初期的迭代太快了,手機(jī)OS在不停的擴(kuò)展硬件API,陀螺儀、距離感應(yīng)器、氣壓計(jì)。。。每年手機(jī)OS都有大版本更新。而W3C作為一個(gè)數(shù)百家會(huì)員單位共同決策的組織,從標(biāo)準(zhǔn)草案的提出到達(dá)成一致是非常復(fù)雜的過程,跟不上移動(dòng)互聯(lián)網(wǎng)初期的快速迭代。

PhoneGap的出現(xiàn),給開發(fā)者打開了一扇窗。很多人期待PhoneGap不停擴(kuò)展API,來補(bǔ)充瀏覽器的不足。Adobe看到PhoneGap仿佛看到了重振江湖地位的希望,但在Adobe收購PhoneGap后,又發(fā)現(xiàn)這個(gè)東西可商用性不足,而且開源使得Adobe無法像Flash那樣獲取商業(yè)利益,于是就把PhoneGap捐給了Apache,改名為Cordova。

因?yàn)楦鞣N原因,Cordova的定位最終沒有成為瀏覽器的強(qiáng)化,而走向了混合式開發(fā)?;诋?dāng)時(shí)的背景,他們認(rèn)為原生是不可替代的,“原生+HTML5”的混合模式更有意義。所以現(xiàn)在Cordova的使用模型是“原生工程師+HTML5工程師”一起協(xié)作完成App。

這時(shí)Facebook加入了W3C,牽頭成立了Mobile Web工作組。Facebook是混Web圈的,并且在手機(jī)OS上沒有自己的領(lǐng)地,他不喜歡被蘋果和Google掌控的原生應(yīng)用生態(tài)系統(tǒng)。Mobile Web這個(gè)工作組的重要目標(biāo)就是讓HTML5開發(fā)的網(wǎng)頁應(yīng)用達(dá)到原生應(yīng)用的體驗(yàn)。然而,事與愿違,它不努力也就算了,結(jié)果是努力了卻失敗了。2012年,F(xiàn)acebook放棄了HTML5的新聞充斥了全世界的IT媒體,HTML5瞬間被打入冷宮。

Facebook為何放棄HTML5?核心是當(dāng)時(shí)基于HTML5真的做不出好的移動(dòng)App。對(duì)比Twritter等競(jìng)爭(zhēng)對(duì)手的原生App,F(xiàn)acebook的HTML5版本實(shí)在無法讓用戶滿意。比如Push功能,到現(xiàn)在HTML5的推送和原生的推送體驗(yàn)差距依然巨大,更不用說HTML5應(yīng)用的頁面切換白屏、下拉刷新/側(cè)滑菜單不流暢等眾多問題??粗こ處熭p松實(shí)現(xiàn)搖一搖、二維碼、語音輸入、分享到朋友圈等功能,更是讓HTML5工程師感覺自己站錯(cuò)了隊(duì)。

即使Facebook不喜歡被控制,也不能拿被用戶拋棄來冒險(xiǎn)。而且Facebook并沒有掌握關(guān)鍵點(diǎn)―手機(jī)瀏覽器內(nèi)核。如果瀏覽器不跟上,徒然定一堆標(biāo)準(zhǔn)草案落不了地。

而瀏覽器在手機(jī)上的表現(xiàn)是什么呢?先看Google,Chrome性能雖高,但Android上的瀏覽器卻并非Chrome,而是WebKit改出來的一個(gè)蹩腳的Android瀏覽器;再看蘋果,iOS上不允許其他瀏覽器引擎上架App Store,而且其他使用Safari引擎的應(yīng)用也無法調(diào)用蘋果自己的JavaScript加速引擎Nitro。結(jié)果是蘋果和Google不但不在瀏覽器上積極實(shí)現(xiàn)HTML5關(guān)于移動(dòng)App所需的規(guī)范,反而對(duì)HTML5做出種種限制。

不管是當(dāng)時(shí)硬件能力不足,還是手機(jī)OS廠商的故意限制,總之結(jié)果就是:在移動(dòng)互聯(lián)網(wǎng)的初期,一定是原生應(yīng)用生態(tài)系統(tǒng)的天下,iOS和Android首先自己的地盤穩(wěn)固后,產(chǎn)業(yè)才會(huì)向下個(gè)階段升級(jí)。

Facebook也好,PhoneGap也好,想在移動(dòng)互聯(lián)網(wǎng)初期就分一杯羹是分不到的,但堅(jiān)持下來,機(jī)會(huì)往往會(huì)出現(xiàn)。

  HTML5這回真的來了

終于,在2014年10月底,W3C宣布HTML5正式定稿。這個(gè)時(shí)間,不晚不早,硬件性能更強(qiáng)、手機(jī)OS迭代速度下降。

隨著HTML5標(biāo)準(zhǔn)定稿,一切紛爭(zhēng)將告一段落,現(xiàn)在,屬于HTML5的時(shí)代到來了。

有人說,光標(biāo)準(zhǔn)定稿沒用啊,配套起來了嗎?HTML5做的應(yīng)用究竟能否匹敵原生App?答案是,HTML5不但可以匹敵原生App,甚至它天然的很多特性超越了原生App。

我們先談?wù)凥TML5原來不如原生應(yīng)用的地方,業(yè)內(nèi)俗稱HTML5有“性工能”障礙。即HTML5性能不如原生、開發(fā)工具不如原生、能力調(diào)用不如原生。

HTML5定稿:手機(jī)App三年內(nèi)將徹底消失?
  這幾個(gè)問題導(dǎo)致開發(fā)者無法使用HTML5做出與原生一樣的App。然而,不管是硬件升級(jí)還是OS廠商策略變化,以及相關(guān)軟件技術(shù)的成熟,已解決了HTML5的“性工能”障礙。

1. 硬件升級(jí)

2011年,iPhone 4s的CPU是A5,現(xiàn)在iPhone 6是A8,按蘋果的歷次發(fā)布會(huì)的說法,速度共提升了7.5倍。這3年間7.5倍的速度提升,抹平了太多HTML5的性能問題。

2. 蘋果、Google的策略變化

Google在2013年底發(fā)布的Android 4.4,內(nèi)置的Webview不再是蹩腳的Android WebKit瀏覽器,而是Chromium,性能大幅提升。從最新的Android5.0開始,Webview可以通過Google Play Store實(shí)時(shí)更新,和Chrome的升級(jí)保持一致,用戶就可以不刷機(jī)享受到最新的瀏覽器引擎;再看Apple方面,2012年iPhone 5發(fā)布后,HTML5在iOS上的表現(xiàn)已令人滿意,Safari獨(dú)家的JavaScript加速引擎Nitro不再那么重要,不過在iOS 8發(fā)布后,蘋果還是很識(shí)趣地取消了三方程序調(diào)用Nitro的限制,現(xiàn)在任意瀏覽器或應(yīng)用調(diào)用iOS的UIWebview都可以利用Nitro加速,這樣在前端使用JS做大型運(yùn)算也成為可能。兩大手機(jī)操作系統(tǒng)霸主和瀏覽器巨頭的態(tài)度發(fā)生了變化,使得HTML5在手機(jī)上的發(fā)展不再受限,而且這個(gè)變化不可逆只能繼續(xù)向前,這種變化勢(shì)必會(huì)產(chǎn)生深遠(yuǎn)的影響。

3. 軟件技術(shù)的成熟

PhoneGap的發(fā)展雖然放緩了,但其他產(chǎn)品技術(shù)卻成熟了。2014年的iWeb大會(huì)上,眾多廠商的產(chǎn)品提供了面向開發(fā)者免費(fèi)或開源的HTML5性工能障礙的解決方案。

(注:編者作為從業(yè)人員,也會(huì)在分析各種方案時(shí)提到我們公司的方案,但編者會(huì)客觀不夸張的陳述方案,而且該方案是純免費(fèi)的,沒有商業(yè)銷售嫌疑。)

DCloud公司在iWeb大會(huì)上發(fā)布了系統(tǒng)的HTML5“性工能缺失”的解決方案,包括:

a) 性能:提升HTML5性能的手機(jī)端引擎,讓側(cè)滑菜單、下拉刷新等動(dòng)態(tài)交互卡頓的問題得以解決;

b) 工具:HTML5開發(fā)IDE產(chǎn)品HBuilder, 超快的編程利器;

c) 能力:把40萬原生API封裝成JavaScript對(duì)象,以解決HTML5能力不足問題的Native.js技術(shù);

d) 最接近原生體驗(yàn)的高性能框架:MUI框架,體積只有幾十K,加載、運(yùn)行遠(yuǎn)快于一般框架。

基于該方案開發(fā)的HTML5應(yīng)用完全可以達(dá)到原生App的功能和體驗(yàn)。

HTML5定稿:手機(jī)App三年內(nèi)將徹底消失?
  英特爾公司發(fā)布了Crosswalk引擎,可以讓Android 4.0-4.3的手機(jī)上的應(yīng)用打包Chromium引擎而不是Android WebKit。畢竟目前市場(chǎng)上存在大量Android 4.0-4.3的手機(jī),同時(shí)統(tǒng)一的webview也避免了兼容性的煩惱。

在專業(yè)方向上很多公司也做出了不錯(cuò)的成績。觸控的Cocos2d-html5、Egret runtime和Ludei CocoonJS強(qiáng)化了Canvas的表現(xiàn),讓HTML5游戲體驗(yàn)更好;UC、獵豹等手機(jī)瀏覽器都強(qiáng)化了音視頻播放的表現(xiàn)。

不管是硬件升級(jí)、軟件成熟,還是操作系統(tǒng)廠商策略變化,都在強(qiáng)力推動(dòng)HTML5的爆發(fā)。

不過要注意,我說的HTML5爆發(fā),不是指手機(jī)瀏覽器會(huì)替代桌面成為應(yīng)用入口。有人說HTML5不好,因?yàn)橛脩粲憛挻蜷_瀏覽器輸入U(xiǎn)RL的過程。我想說這種想法是對(duì)HTML5的片面理解。HTML5!=傳統(tǒng)瀏覽器,雖然編程語言還是HTML、Javascript、CSS,但發(fā)行方式絕不是傳統(tǒng)網(wǎng)站那么簡(jiǎn)單。HTML5應(yīng)用的入口,反而很少是啟動(dòng)瀏覽器輸入U(xiǎn)RL,它可以是存在于手機(jī)桌面的圖標(biāo)、也可以來自超級(jí)App(如微信朋友圈)、以及搜索引擎、應(yīng)用市場(chǎng)、廣告聯(lián)盟。。。到處都是它的入口。它的入口,比原生App更多。

  原生App的顛覆

HTML5的“性工能”障礙得到解決,可以接近原生App的效果,所以它就可以替代原生App嗎?很多人認(rèn)為,即使HTML5會(huì)發(fā)展的比現(xiàn)在好,也將是與原生App各占一部分市場(chǎng)的格局,要求不高的長尾應(yīng)用會(huì)使用HTML5,而主流應(yīng)用仍是原生App的天下。

但我認(rèn)為這樣的想法很危險(xiǎn),就像Apple成立前,HP的高層告訴沃茲:誰會(huì)在家里擺一臺(tái)電腦呢?未來HTML5肯定會(huì)顛覆原生App。

  結(jié)語

其實(shí)未來如何發(fā)展是沒人能準(zhǔn)確預(yù)測(cè)的,變量非常多。但我想讓用戶和開發(fā)者都更方便的趨勢(shì)是不會(huì)錯(cuò)的。

 

北京app開發(fā)公司 | 企業(yè)品牌App移動(dòng)互聯(lián)網(wǎng)解決方案 | 一站式o2o app開發(fā)大數(shù)據(jù)解決方案 | 智能設(shè)備APP開發(fā)商

超級(jí)App+Web App將主宰未來的移動(dòng)互聯(lián)網(wǎng)?

超級(jí)App+Web App將主宰未來的移動(dòng)互聯(lián)網(wǎng)?

  自 W3C 于 1999 年發(fā)布 HTML4 后,Web 世界快速發(fā)展,一片繁榮。人們一度認(rèn)為 HTML 標(biāo)準(zhǔn)不需要升級(jí)了。一些致力于發(fā)展 Web App 的公司另行成立了 WHATWG 組織,直到 2007 年,W3C 從 WHATWG 接手相關(guān)工作,重新開始發(fā)展 HTML5。

縱觀 HTML5 的發(fā)展,也是一波三折,有用戶的需求在推動(dòng),有技術(shù)開發(fā)者的需求在推動(dòng),更有巨大的商業(yè)利益在推動(dòng)。過去這些年,HTML5 顛覆了 PC 互聯(lián)網(wǎng)的格局,微信朋友圈里的一個(gè)神經(jīng)病貓小游戲,打開了人們對(duì)移動(dòng)互聯(lián)網(wǎng)的各種幻想,優(yōu)化了移動(dòng)互聯(lián)網(wǎng)的體驗(yàn),接下來,移動(dòng)互聯(lián)網(wǎng)將產(chǎn)生一個(gè)全新的入口,而由超級(jí) App+HTML5 主導(dǎo)的 web app 將顛覆原生 App 移動(dòng)互聯(lián)世界。

 傳統(tǒng)瀏覽器+HTML5 組合的灰色時(shí)期

在 HTML5 標(biāo)準(zhǔn)的升級(jí)過程中,蘋果和 Google 同時(shí)也看到了瀏覽器市場(chǎng)重新洗牌的機(jī)會(huì),他們一方面參與 HTML5 的規(guī)范,一邊在瀏覽器產(chǎn)品上發(fā)力。Apple 首先開始大力發(fā)展 Safari,建立 WebKit 開源項(xiàng)目,Mac、iOS、Windows 多平臺(tái)齊發(fā)力;Google 起初是贊助 Mozilla 開發(fā) Firefox,后來自己開發(fā)了 v8 引擎,合并 WebKit,于 2008 年正式推出 Chrome?!窱E 的私有規(guī)范+Flash 不是標(biāo)準(zhǔn),我們才是標(biāo)準(zhǔn)」這樣的口號(hào)在新一代瀏覽器大戰(zhàn)中打響。

隨著 Chrome 和 Safari 的高歌猛進(jìn),以及 IE+Flash 的衰落,HTML5 告一段落,進(jìn)入了下一個(gè)時(shí)代――移動(dòng)互聯(lián)網(wǎng)。HTML5 的跨平臺(tái)優(yōu)勢(shì)在移動(dòng)互聯(lián)網(wǎng)時(shí)代被進(jìn)一步凸顯。HTML5 是唯一一個(gè)通吃 PC、Mac、iPhone、iPad、Android、Windows Phone 等主流平臺(tái)的跨平臺(tái)語言。Java 和 Flash 都曾夢(mèng)想這個(gè)位置,但夢(mèng)斷于 iOS。此時(shí)人們紛紛開始研究基于 HTML5 開發(fā)跨平臺(tái)手機(jī)應(yīng)用。很多人當(dāng)時(shí)認(rèn)為,原生應(yīng)用只是過渡,就像當(dāng)年從 C/S 結(jié)構(gòu)轉(zhuǎn)變?yōu)?B/S 結(jié)構(gòu)一樣。而且學(xué)習(xí) Objective-C 和 Java 很費(fèi)勁,既然會(huì)網(wǎng)頁開發(fā),為何不試試 HTML5。

W3C 此時(shí)成立了 Device API 工作組,為 HTML5 擴(kuò)展了 Camera、GPS 等手機(jī)特有的 API,然而麻煩的是,移動(dòng)互聯(lián)網(wǎng)初期的迭代太快了,手機(jī) OS 在不停的擴(kuò)展硬件 API,陀螺儀、距離感應(yīng)器、氣壓計(jì)……每年手機(jī) OS 都有大版本更新。HTML5 沒有跟上移動(dòng)互聯(lián)網(wǎng)初期的快速迭代。

PhoneGap 的出現(xiàn),給開發(fā)者打開了一扇窗。很多人期待 PhoneGap 不停擴(kuò)展 API,來補(bǔ)充瀏覽器的不足。Adobe 看到 PhoneGap 仿佛看到了重振江湖地位的希望,但在 Adobe 收購 PhoneGap 后,又發(fā)現(xiàn)這個(gè)東西可商用性不足,而且開源使得 Adobe 無法像 Flash 那樣獲取商業(yè)利益,于是就把 PhoneGap 捐給了 Apache,改名為 Cordova。

因?yàn)楦鞣N原因,Cordova 的定位最終沒有成為瀏覽器的強(qiáng)化,而走向了混合式開發(fā)?;诋?dāng)時(shí)的背景,他們認(rèn)為原生是不可替代的,「原生+HTML5」的混合模式更有意義。

這時(shí) Facebook 加入了 W3C,牽頭成立了 Mobile Web 工作組。Facebook 是混 Web 圈的,并且在手機(jī) OS 上沒有自己的領(lǐng)地,他不喜歡被蘋果和 Google 掌控的原生應(yīng)用生態(tài)系統(tǒng)。Mobile Web 這個(gè)工作組的重要目標(biāo)就是讓 HTML5 開發(fā)的網(wǎng)頁應(yīng)用達(dá)到原生應(yīng)用的體驗(yàn)。然而,事與愿違,結(jié)果是努力了卻失敗了。2012 年,F(xiàn)acebook 放棄了 HTML5 的新聞充斥了全世界的 IT 媒體,HTML5 瞬間被打入冷宮。

而在 HTML5 定稿之前,國內(nèi)絕大多數(shù)瀏覽器也已經(jīng)支持 HTML5,包括 UC 在內(nèi)的很多手機(jī)瀏覽器已經(jīng)迫不及待發(fā)展 Web App,用于抵消原生 App 所吞噬的流量。在 HTML5 之前 Web App 曾經(jīng)試圖和原生 App 爭(zhēng)奪手機(jī)桌面,不過限于 Web App 天生的缺陷―卡頓、無法 Push 等,其體驗(yàn)流暢程度遠(yuǎn)遠(yuǎn)落后于原生 App,導(dǎo)致目前手機(jī)桌面依然是原生 App 的天下。

 HTML5 定稿 WebApp 迅速崛起了

Facebook 為何放棄 HTML5?這一事件,甚至讓別有用心的人經(jīng)常拿來唱衰 HTML5 以及 Web App。

核心原因是當(dāng)時(shí)基于 HTML5 真的做不出好的移動(dòng) App。對(duì)比 Twitter 等競(jìng)爭(zhēng)對(duì)手的原生 App,F(xiàn)acebook 的 HTML5 版本實(shí)在無法讓用戶滿意。比如 Push 功能,到現(xiàn)在 HTML5 的推送和原生的推送體驗(yàn)差距依然巨大,更不用說 HTML5 應(yīng)用的頁面切換白屏、下拉刷新/側(cè)滑菜單不流暢等眾多問題??粗こ處熭p松實(shí)現(xiàn)搖一搖、二維碼、語音輸入、分享到朋友圈等功能,更是讓 HTML5 工程師感覺自己站錯(cuò)了隊(duì)。

即使 Facebook 不喜歡被控制,也不能拿被用戶拋棄來冒險(xiǎn)。而且 Facebook 并沒有掌握關(guān)鍵點(diǎn)―手機(jī)瀏覽器內(nèi)核。如果瀏覽器不跟上,徒然定一堆標(biāo)準(zhǔn)草案落不了地。

Facebook 也好,PhoneGap 也好,想在移動(dòng)互聯(lián)網(wǎng)初期就分一杯羹是分不到的,但堅(jiān)持下來,機(jī)會(huì)往往會(huì)出現(xiàn)。

終于,在 2014 年 10 月底,W3C 宣布 HTML5 正式定稿。這個(gè)時(shí)間,不晚不早,硬件性能更強(qiáng)、手機(jī) OS 迭代速度下降。HTML5 的定稿的預(yù)示著新時(shí)代的起航。

對(duì)于移動(dòng)設(shè)備來說,硬件性能的提升移動(dòng)程度上抹平了 HTML 的不足,同時(shí)補(bǔ)充了流媒體和游戲能力。行業(yè)支持上從最新的 Android5.0 開始,Webview 可以通過 Google Play Store 實(shí)時(shí)更新,和 Chrome 的升級(jí)保持一致,用戶就可以不刷機(jī)享受到最新的瀏覽器引擎;iOS 8 發(fā)布后,蘋果還是很識(shí)趣地取消了三方程序調(diào)用 Nitro 的限制,現(xiàn)在任意瀏覽器或應(yīng)用調(diào)用 iOS 的 UIWebview 都可以利用 Nitro 加速。

Google 在 2013 年底發(fā)布的 Android 4.4,內(nèi)置的 Webview 不再是蹩腳的 Android WebKit 瀏覽器,而是 Chromium,性能大幅提升。從最新的 Android 5.0 開始,Webview 可以通過 Google Play Store 實(shí)時(shí)更新,和 Chrome 的升級(jí)保持一致,用戶就可以不刷機(jī)享受到最新的瀏覽器引擎;再看 Apple 方面,2012 年 iPhone 5 發(fā)布后,HTML5 在 iOS 上的表現(xiàn)已令人滿意,Safari 獨(dú)家的 JavaScript 加速引擎 Nitro 不再那么重要,不過在 iOS 8 發(fā)布后,蘋果還是很識(shí)趣地取消了三方程序調(diào)用 Nitro 的限制,現(xiàn)在任意瀏覽器或應(yīng)用調(diào)用 iOS 的 UIWebview 都可以利用 Nitro 加速,這樣在前端使用 JS 做大型運(yùn)算也成為可能。

兩大手機(jī)操作系統(tǒng)霸主和瀏覽器巨頭的態(tài)度發(fā)生了變化,使得 HTML5 在手機(jī)上的發(fā)展不再受限,而且這個(gè)變化不可逆只能繼續(xù)向前,這種變化勢(shì)必會(huì)產(chǎn)生深遠(yuǎn)的影響。

  全新的互聯(lián)網(wǎng)入口超級(jí) App+Web App 的時(shí)代來臨

首先從硬件方面來說,隨著 Apple iPhone6 的發(fā)布,硬件性能的提升,已經(jīng)抹平了 HTML5 的性能劣勢(shì)。Apple 和 Google 的策略也在發(fā)生變化,在 2013 年底 Google 發(fā)布的 Android 4.4 內(nèi)置的 Webview 已經(jīng)不再是 Android Webkit 了,而是 chromium。2012 年的 iPhone5 上面的 HTML5 表現(xiàn)已經(jīng)令人滿意,Safari 獨(dú)家的 Javascript 加速引擎 Nitro 已經(jīng)不再那么重要。而且在 iOS8.0 發(fā)布后,Apple 還取消了第三方程序調(diào)用 Nitro 的限制,現(xiàn)在任意瀏覽器或應(yīng)用調(diào)用 iOS 的 UIWebview 都可以利用 Nitro 加速。兩大移動(dòng)巨頭有意或無意的改變,讓 HTML5 再說手機(jī)平臺(tái)上面的發(fā)展不再受限。

而對(duì)于開發(fā)者而言,開發(fā)者為什么不愿意開發(fā) WP 版本,很多時(shí)候是因?yàn)楣ぷ髁刻?,除了版本適配,分辨率調(diào)整等,一旦有新版本推出,在原生 App 中開發(fā)者不得不等待多達(dá)兩周時(shí)間去接受審核。另外內(nèi)容維護(hù)上也很麻煩,這也是為什么有些媒體開始放棄原生 App 鼓勵(lì)讀者使用 Web App 的原因。除此之外,跨平臺(tái)在多屏?xí)r代給開發(fā)者非常痛苦的體驗(yàn),人們都期待當(dāng)年 Java 的一次編譯處處運(yùn)行的理想情況。HTML5 目前正在扮演一個(gè)開發(fā)者救星的角色。

這也是為什么這兩年誕生了很多基于 HTML5 的開源技術(shù)框架,并且非常受用戶歡迎的原因。云適配是一家只有兩年的小公司,他們主要基于 HTML5 在 PC 網(wǎng)站植入一行 JS 代碼就能實(shí)現(xiàn) PC 網(wǎng)站的移動(dòng)適配,而其在 2014 年推出的中國首個(gè)開源 HTML5 跨屏前端框架 Amaze UI 推出僅僅 3 個(gè)月就收到了近 10 萬的下載,幫助眾多的中小企業(yè)成功建立了自己的 Web App,在全球最大的社交編程及代碼托管網(wǎng)站――GitHub 上,獲得近 2000 用戶的星級(jí)標(biāo)注,成為中國最受歡的 HTML5 開源框架。而這一切,都意味著 HTML5 帶來的移動(dòng)互聯(lián)網(wǎng)的風(fēng)向轉(zhuǎn)變。

  你手機(jī)里裝了多少 App,最常用的有哪些?

可能最多的回答是,我用「微信、QQ,或者其他瀏覽器」等等所謂的超級(jí) App。

對(duì)于其他更多的原生 App,要先進(jìn)入 App Store,每次下載都要輸入密碼,而安卓則不得不經(jīng)歷一系列的權(quán)限確認(rèn)、安裝等,App 下載安裝所需要的用戶成本一定程度上成為大家使用 App 的障礙。但是在 Web App 中這一切都不是問題,它極大的降低了用戶使用成本,用戶眼睛看到一個(gè)興趣點(diǎn),點(diǎn)擊后,就應(yīng)該立即開始滿足用戶需求。比如流媒體可以立即看,頁游可以立即玩。

而 HTML5 應(yīng)用導(dǎo)流也非常容易,超級(jí) App(如微信朋友圈)、搜索引擎、應(yīng)用市場(chǎng)、瀏覽器,到處都是基于 HTML5 的 Web App 的流量入口。而原生 App 的流量入口只有應(yīng)用市場(chǎng)。

目前可以看見的是,國內(nèi)外各大瀏覽器都在推廣 Web App,效果已經(jīng)慢慢顯現(xiàn)。然而,可以預(yù)見的是,短時(shí)間內(nèi)原生 App 還會(huì)占據(jù)主流,但是基于原生 App 本身的缺陷和門檻,未來的移動(dòng)互聯(lián)網(wǎng)潮流,說不定就在 HTML5 中實(shí)現(xiàn)。

編輯:app開發(fā)公司-北京億點(diǎn)時(shí)代科技有限公司

HTML5定稿了,為什么原生App世界將被顛覆

2007年W3C(萬維網(wǎng)聯(lián)盟)立項(xiàng)HTML5,直至2014年10月底,這個(gè)長達(dá)八年的規(guī)范終于正式封稿。

過去這些年,HTML5顛覆了PC互聯(lián)網(wǎng)的格局,優(yōu)化了移動(dòng)互聯(lián)網(wǎng)的體驗(yàn),接下來,HTML5將顛覆原生App世界。這聽起來有點(diǎn)危言聳聽,但若認(rèn)真分析HTML5的發(fā)展史,你會(huì)發(fā)現(xiàn),這個(gè)世界的發(fā)展趨勢(shì)確實(shí)就是這樣。

熟知?dú)v史才能預(yù)知未來,先讓我們來看看HTML5為什么誕生、這8年是怎么過來的。

  一、 HTML5的誕生

自W3C于1999年發(fā)布HTML4后,Web世界快速發(fā)展,一片繁榮。人們一度認(rèn)為HTML標(biāo)準(zhǔn)不需要升級(jí)了。一些致力于發(fā)展Web App的公司另行成立了WHATWG組織,直到2007年,W3C從WHATWG接手相關(guān)工作,重新開始發(fā)展HTML5。

HTML5的發(fā)展史,有用戶的需求在推動(dòng),有技術(shù)開發(fā)者的需求在推動(dòng),更有巨大的商業(yè)利益在推動(dòng)。

在互聯(lián)網(wǎng)的早期,對(duì)用戶而言,能打開瀏覽器接入到互聯(lián)網(wǎng)世界就是一個(gè)神奇的事情,但互聯(lián)網(wǎng)發(fā)展到2005年前后,開始出現(xiàn)下一個(gè)變化,就是寬帶互聯(lián)。

隨著寬帶的普及和電腦性能的增強(qiáng),人們不再滿足于單純的通過互聯(lián)網(wǎng)看新聞、收發(fā)郵件,消耗更高帶寬的娛樂產(chǎn)品開始出現(xiàn),就是流視頻和網(wǎng)頁游戲。其實(shí)視頻和游戲是古老的需求,在互聯(lián)網(wǎng)不普及的時(shí)候,需求的滿足方式是離線傳輸?shù)腣CD和游戲光盤;后來互聯(lián)網(wǎng)逐漸普及,人們更改了使用方式,通過下載軟件+本地媒體播放器來看視頻,下載體積較大的端游玩游戲。

但是對(duì)消費(fèi)者體驗(yàn)更好的新方式還是出現(xiàn)并顛覆了以前的一切,那就是流媒體和網(wǎng)頁游戲。Youtube等公司把握住潮流飛速崛起,各種頁游公司也如雨后春筍。

但是HTML標(biāo)準(zhǔn)沒有把握住產(chǎn)業(yè)的變化及時(shí)演進(jìn),瀏覽器產(chǎn)品也未升級(jí),這塊新需求被瀏覽器插件滿足了,那就是Flash。這個(gè)部署在億萬瀏覽器里的商業(yè)插件儼然成為事實(shí)標(biāo)準(zhǔn)。2005年Adobe巨資收購Macromedia,把Flash收歸旗下,緊接著大幅推廣FLV流媒體和action script語言,很明顯這樁收購可以列為IT并購的經(jīng)典案例,F(xiàn)LV流媒體和Flash游戲風(fēng)靡互聯(lián)網(wǎng),Adobe在新的產(chǎn)業(yè)升級(jí)中攫取了大量的利潤。

除了Flash這個(gè)商業(yè)產(chǎn)品成為了事實(shí)標(biāo)準(zhǔn),W3C還面臨一個(gè)尷尬,就是另一個(gè)私有擴(kuò)展協(xié)議的制造者―IE。IE當(dāng)時(shí)在桌面瀏覽器占有壟斷地位,并且擴(kuò)展了大量的IE Only語法,開發(fā)者完全不知道這些語言是誰定義的。整個(gè)web世界,就被兩家公司微軟+Adobe綁架了。

很多IT巨頭都坐不住了,尤其是蘋果和Google。PC操作系統(tǒng)的世界難有突破,Web瀏覽器被蘋果寄予厚望,而且第一代iPhone只支持網(wǎng)頁,那時(shí)還沒有Appstore,Safari是喬布斯非??粗氐漠a(chǎn)品;新貴Google雖然大量贊助Mozilla,但并未對(duì)IE的地位產(chǎn)生實(shí)質(zhì)影響,收購了YouTube后發(fā)現(xiàn)底層被Adobe控制,也是非常難過,而且Google每年給IE的搜索框和Adoble FLV繳納的費(fèi)用真不是小數(shù)目。

既然大家都是W3C的主席單位,好吧,我們重新開始做HTML5吧。

是的,HTML5其實(shí)就是這么誕生的。那是2007年,IE和Flash由盛轉(zhuǎn)衰的轉(zhuǎn)折點(diǎn)。

  二、 HTML5第一階段: Web 增強(qiáng)與破壟斷

自HTML5誕生以來,一共經(jīng)歷了兩個(gè)階段,分別是Web增強(qiáng)和移動(dòng)互聯(lián)網(wǎng)。我們先從Web 增強(qiáng)說起。

web體驗(yàn)的豐富增強(qiáng)主要表現(xiàn)在:1. webapp,比如gmail;2. 流媒體;3. 游戲。我們就這3個(gè)方面來講HTML5做了什么。

1. webApp

HTML5新增了離線存儲(chǔ)、更豐富的表單(比如Input type=date)、js線程、socket王樂、標(biāo)準(zhǔn)擴(kuò)展embed、以及很多css3新語法…

2. 流媒體

HTML5新增了audio、video

3. 游戲

HTML5新增了canvas、webgl

當(dāng)然還有Google努力在HTML5中推進(jìn)Header和Section等標(biāo)簽,以利于搜索引擎分析,這些不多述。

HTML5補(bǔ)充流媒體和游戲能力后,加上蘋果強(qiáng)勢(shì)拒絕在iOS上引入Flash,成功的遏制了Flash的發(fā)展,然后就該遏制IE私有語法了。

在HTML5標(biāo)準(zhǔn)的升級(jí)過程中,蘋果和Google同時(shí)也看到了瀏覽器市場(chǎng)重新洗牌的機(jī)會(huì),他們一方面參與HTML5的規(guī)范,一邊在瀏覽器產(chǎn)品上發(fā)力。Apple首先開始大力發(fā)展Safari,建立WebKit開源項(xiàng)目,Mac、iOS、Windows多平臺(tái)齊發(fā)力;Google起初是贊助Mozilla開發(fā)Firefox,后來自己開發(fā)了v8引擎,合并WebKit,于2008年正式推出Chrome?!癐E的私有規(guī)范+Flash不是標(biāo)準(zhǔn),我們才是標(biāo)準(zhǔn)”這樣的口號(hào)在新一代瀏覽器大戰(zhàn)中打響,IE瞬間成為千夫所指的壟斷代表,甚至成了阻礙Web發(fā)展的罪人(當(dāng)時(shí)IE6已數(shù)年未更新,并且絲毫不懼Firefox的發(fā)展)。

偏偏微軟此時(shí)也出了暈招,推出了一系列即不完整支持規(guī)范又互相不兼容的IE7、8、9、10,徹底失去了開發(fā)者的心。

Adobe的Flash被遏制,與Web霸主的位子擦肩而過;IE的私有標(biāo)準(zhǔn)被遏制,并且造成IE市場(chǎng)份額不停下滑,直到IE最新的移動(dòng)版本反過來開始支持WebKit私有語法,真是令人唏噓。不知道HTML6是不是該打倒WebKit壟斷了。

  三、 HTML5第二階段: 移動(dòng)互聯(lián)網(wǎng)

隨著Chrome和Safari的高歌猛進(jìn),以及IE+Flash的衰落,HTML5告一段落,進(jìn)入了下一個(gè)時(shí)代――移動(dòng)互聯(lián)網(wǎng)。HTML5的跨平臺(tái)優(yōu)勢(shì)在移動(dòng)互聯(lián)網(wǎng)時(shí)代被進(jìn)一步凸顯。HTML5是唯一一個(gè)通吃PC、Mac、iPhone、iPad、Android、Windows Phone等主流平臺(tái)的跨平臺(tái)語言。Java和Flash都曾夢(mèng)想這個(gè)位置,但夢(mèng)斷于iOS。此時(shí)人們紛紛開始研究基于HTML5開發(fā)跨平臺(tái)手機(jī)應(yīng)用。很多人當(dāng)時(shí)認(rèn)為,原生應(yīng)用只是過渡,就像當(dāng)年從C/S結(jié)構(gòu)轉(zhuǎn)變?yōu)锽/S結(jié)構(gòu)一樣。而且學(xué)習(xí)Objective-C和Java很費(fèi)勁,我既然會(huì)網(wǎng)頁開發(fā),為何不試試HTML5。

W3C此時(shí)成立了Device API工作組,為HTML5擴(kuò)展了Camera、GPS等手機(jī)特有的API,然而麻煩的是,移動(dòng)互聯(lián)網(wǎng)初期的迭代太快了,手機(jī)OS在不停的擴(kuò)展硬件API,陀螺儀、距離感應(yīng)器、氣壓計(jì)。。。每年手機(jī)OS都有大版本更新。而W3C作為一個(gè)數(shù)百家會(huì)員單位共同決策的組織,從標(biāo)準(zhǔn)草案的提出到達(dá)成一致是非常復(fù)雜的過程,跟不上移動(dòng)互聯(lián)網(wǎng)初期的快速迭代。

PhoneGap的出現(xiàn),給開發(fā)者打開了一扇窗。很多人期待PhoneGap不停擴(kuò)展API,來補(bǔ)充瀏覽器的不足。Adobe看到PhoneGap仿佛看到了重振江湖地位的希望,但在Adobe收購PhoneGap后,又發(fā)現(xiàn)這個(gè)東西可商用性不足,而且開源使得Adobe無法像Flash那樣獲取商業(yè)利益,于是就把PhoneGap捐給了Apache,改名為Cordova。

因?yàn)楦鞣N原因,Cordova的定位最終沒有成為瀏覽器的強(qiáng)化,而走向了混合式開發(fā)?;诋?dāng)時(shí)的背景,他們認(rèn)為原生是不可替代的,“原生+HTML5”的混合模式更有意義。所以現(xiàn)在Cordova的使用模型是“原生工程師+HTML5工程師”一起協(xié)作完成App。

這時(shí)Facebook加入了W3C,牽頭成立了Mobile Web工作組。Facebook是混Web圈的,并且在手機(jī)OS上沒有自己的領(lǐng)地,他不喜歡被蘋果和Google掌控的原生應(yīng)用生態(tài)系統(tǒng)。Mobile Web這個(gè)工作組的重要目標(biāo)就是讓HTML5開發(fā)的網(wǎng)頁應(yīng)用達(dá)到原生應(yīng)用的體驗(yàn)。然而,事與愿違,它不努力也就算了,結(jié)果是努力了卻失敗了。2012年,F(xiàn)acebook放棄了HTML5的新聞充斥了全世界的IT媒體,HTML5瞬間被打入冷宮。

Facebook為何放棄HTML5?核心是當(dāng)時(shí)基于HTML5真的做不出好的移動(dòng)App。對(duì)比Twritter等競(jìng)爭(zhēng)對(duì)手的原生App,F(xiàn)acebook的HTML5版本實(shí)在無法讓用戶滿意。比如Push功能,到現(xiàn)在HTML5的推送和原生的推送體驗(yàn)差距依然巨大,更不用說HTML5應(yīng)用的頁面切換白屏、下拉刷新/側(cè)滑菜單不流暢等眾多問題。看著原生工程師輕松實(shí)現(xiàn)搖一搖、二維碼、語音輸入、分享到朋友圈等功能,更是讓HTML5工程師感覺自己站錯(cuò)了隊(duì)。

即使Facebook不喜歡被控制,也不能拿被用戶拋棄來冒險(xiǎn)。而且Facebook并沒有掌握關(guān)鍵點(diǎn)―手機(jī)瀏覽器內(nèi)核。如果瀏覽器不跟上,徒然定一堆標(biāo)準(zhǔn)草案落不了地。

而瀏覽器在手機(jī)上的表現(xiàn)是什么呢?先看Google,Chrome性能雖高,但Android上的瀏覽器卻并非Chrome,而是WebKit改出來的一個(gè)蹩腳的Android瀏覽器;再看蘋果,iOS上不允許其他瀏覽器引擎上架App Store,而且其他使用Safari引擎的應(yīng)用也無法調(diào)用蘋果自己的JavaScript加速引擎Nitro。結(jié)果是蘋果和Google不但不在瀏覽器上積極實(shí)現(xiàn)HTML5關(guān)于移動(dòng)App所需的規(guī)范,反而對(duì)HTML5做出種種限制。

不管是當(dāng)時(shí)硬件能力不足,還是手機(jī)OS廠商的故意限制,總之結(jié)果就是:在移動(dòng)互聯(lián)網(wǎng)的初期,一定是原生應(yīng)用生態(tài)系統(tǒng)的天下,iOS和Android首先自己的地盤穩(wěn)固后,產(chǎn)業(yè)才會(huì)向下個(gè)階段升級(jí)。

Facebook也好,PhoneGap也好,想在移動(dòng)互聯(lián)網(wǎng)初期就分一杯羹是分不到的,但堅(jiān)持下來,機(jī)會(huì)往往會(huì)出現(xiàn)。

  四、 HTML5這回真的來了

終于,在2014年10月底,W3C宣布HTML5正式定稿。這個(gè)時(shí)間,不晚不早,硬件性能更強(qiáng)、手機(jī)OS迭代速度下降。

隨著HTML5標(biāo)準(zhǔn)定稿,一切紛爭(zhēng)將告一段落,現(xiàn)在,屬于HTML5的時(shí)代到來了。

有人說,光標(biāo)準(zhǔn)定稿沒用啊,配套起來了嗎?HTML5做的應(yīng)用究竟能否匹敵原生App?答案是,HTML5不但可以匹敵原生App,甚至它天然的很多特性超越了原生App。

我們先談?wù)凥TML5原來不如原生應(yīng)用的地方,業(yè)內(nèi)俗稱HTML5有“性工能”障礙。即HTML5性能不如原生、開發(fā)工具不如原生、能力調(diào)用不如原生。

HTML5定稿了,為什么原生App世界將被顛覆

 

  這幾個(gè)問題導(dǎo)致開發(fā)者無法使用HTML5做出與原生一樣的App。然而,不管是硬件升級(jí)還是OS廠商策略變化,以及相關(guān)軟件技術(shù)的成熟,已解決了HTML5的“性工能”障礙。

  1. 硬件升級(jí)

2011年,iPhone 4s的CPU是A5,現(xiàn)在iPhone 6是A8,按蘋果的歷次發(fā)布會(huì)的說法,速度共提升了7.5倍。這3年間7.5倍的速度提升,抹平了太多HTML5的性能問題。

  2. 蘋果、Google的策略變化

Google在2013年底發(fā)布的Android 4.4,內(nèi)置的Webview不再是蹩腳的Android WebKit瀏覽器,而是Chromium,性能大幅提升。從最新的Android5.0開始,Webview可以通過Google Play Store實(shí)時(shí)更新,和Chrome的升級(jí)保持一致,用戶就可以不刷機(jī)享受到最新的瀏覽器引擎;再看Apple方面,2012年iPhone 5發(fā)布后,HTML5在iOS上的表現(xiàn)已令人滿意,Safari獨(dú)家的JavaScript加速引擎Nitro不再那么重要,不過在iOS 8發(fā)布后,蘋果還是很識(shí)趣地取消了三方程序調(diào)用Nitro的限制,現(xiàn)在任意瀏覽器或應(yīng)用調(diào)用iOS的UIWebview都可以利用Nitro加速,這樣在前端使用JS做大型運(yùn)算也成為可能。兩大手機(jī)操作系統(tǒng)霸主和瀏覽器巨頭的態(tài)度發(fā)生了變化,使得HTML5在手機(jī)上的發(fā)展不再受限,而且這個(gè)變化不可逆只能繼續(xù)向前,這種變化勢(shì)必會(huì)產(chǎn)生深遠(yuǎn)的影響。

  3. 軟件技術(shù)的成熟

PhoneGap的發(fā)展雖然放緩了,但其他產(chǎn)品技術(shù)卻成熟了。2014年的iWeb大會(huì)上,眾多廠商的產(chǎn)品提供了面向開發(fā)者免費(fèi)或開源的HTML5性工能障礙的解決方案。

(注:編者作為從業(yè)人員,也會(huì)在分析各種方案時(shí)提到我們公司的方案,但編者會(huì)客觀不夸張的陳述方案,而且該方案是純免費(fèi)的,沒有商業(yè)銷售嫌疑。)

DCloud公司在iWeb大會(huì)上發(fā)布了系統(tǒng)的HTML5“性工能缺失”的解決方案,包括:

a) 性能:提升HTML5性能的手機(jī)端引擎,讓側(cè)滑菜單、下拉刷新等動(dòng)態(tài)交互卡頓的問題得以解決;

b) 工具:HTML5開發(fā)IDE產(chǎn)品HBuilder, 超快的編程利器;

c) 能力:把40萬原生API封裝成JavaScript對(duì)象,以解決HTML5能力不足問題的Native.js技術(shù);

d) 最接近原生體驗(yàn)的高性能框架:MUI框架,體積只有幾十K,加載、運(yùn)行遠(yuǎn)快于一般框架。

基于該方案開發(fā)的HTML5應(yīng)用完全可以達(dá)到原生App的功能和體驗(yàn)。

HTML5定稿了,為什么原生App世界將被顛覆

  使用HBuilder開發(fā)HTML5應(yīng)用

  英特爾公司發(fā)布了Crosswalk引擎,可以讓Android 4.0-4.3的手機(jī)上的應(yīng)用打包Chromium引擎而不是Android WebKit。畢竟目前市場(chǎng)上存在大量Android 4.0-4.3的手機(jī),同時(shí)統(tǒng)一的webview也避免了兼容性的煩惱。

在專業(yè)方向上很多公司也做出了不錯(cuò)的成績。觸控的Cocos2d-html5、Egret runtime和Ludei CocoonJS強(qiáng)化了Canvas的表現(xiàn),讓HTML5游戲體驗(yàn)更好;UC、獵豹等手機(jī)瀏覽器都強(qiáng)化了音視頻播放的表現(xiàn)。

不管是硬件升級(jí)、軟件成熟,還是操作系統(tǒng)廠商策略變化,都在強(qiáng)力推動(dòng)HTML5的爆發(fā)。

不過要注意,我說的HTML5爆發(fā),不是指手機(jī)瀏覽器會(huì)替代桌面成為應(yīng)用入口。有人說HTML5不好,因?yàn)橛脩粲憛挻蜷_瀏覽器輸入U(xiǎn)RL的過程。我想說這種想法是對(duì)HTML5的片面理解。HTML5!=傳統(tǒng)瀏覽器,雖然編程語言還是HTML、Javascript、CSS,但發(fā)行方式絕不是傳統(tǒng)網(wǎng)站那么簡(jiǎn)單。HTML5應(yīng)用的入口,反而很少是啟動(dòng)瀏覽器輸入U(xiǎn)RL,它可以是存在于手機(jī)桌面的圖標(biāo)、也可以來自超級(jí)App(如微信朋友圈)、以及搜索引擎、應(yīng)用市場(chǎng)、廣告聯(lián)盟。。。到處都是它的入口。它的入口,比原生App更多。

  五、原生App的顛覆

HTML5的“性工能”障礙得到解決,可以接近原生App的效果,所以它就可以替代原生App嗎?很多人認(rèn)為,即使HTML5會(huì)發(fā)展的比現(xiàn)在好,也將是與原生App各占一部分市場(chǎng)的格局,要求不高的長尾應(yīng)用會(huì)使用HTML5,而主流應(yīng)用仍是原生App的天下。

但我認(rèn)為這樣的想法很危險(xiǎn),就像Apple成立前,HP的高層告訴沃茲:誰會(huì)在家里擺一臺(tái)電腦呢?未來HTML5肯定會(huì)顛覆原生App?!靶怨つ堋闭系K的消除,只是HTML5的劣勢(shì)被削弱,但劣勢(shì)被消除后,它的優(yōu)勢(shì)就會(huì)大放異彩,HTML5的優(yōu)勢(shì)是什么?我們分別就開發(fā)者和最終用戶來看。

  HTML5對(duì)開發(fā)者的7大優(yōu)勢(shì)

  跨平臺(tái):

在多屏年代,開發(fā)者的痛苦指數(shù)非常高,人人都期盼HTML5能扮演救星。多套代碼、不同技術(shù)工種、業(yè)務(wù)邏輯同步,這是折磨人的過程。有點(diǎn)類似個(gè)人電腦早期世界,那個(gè)時(shí)候的每家電腦都有自己的操作系統(tǒng)和編程語言,開發(fā)者疲于做不同版本,其實(shí)DOS的盛行也很大程度是因?yàn)殚_發(fā)者實(shí)在沒精力給其他電腦寫程序??缙脚_(tái)技術(shù)在早期大多因?yàn)樾阅軉栴}夭折,但中后期硬件能力增強(qiáng)后又會(huì)占據(jù)主流,因?yàn)榭缙脚_(tái)確實(shí)是剛需。

  快速迭代:

移動(dòng)互聯(lián)網(wǎng)是一個(gè)快魚吃慢魚的時(shí)代,誰對(duì)用戶的需求滿足的更快,誰的試錯(cuò)成本更低,誰就擁有巨大的優(yōu)勢(shì)?;ヂ?lián)網(wǎng)產(chǎn)品大多免費(fèi)、且有網(wǎng)絡(luò)效應(yīng),后入者搶奪用戶的難度非常大。使用原生開發(fā),從招聘、開發(fā)、上線各個(gè)環(huán)節(jié)的效率都慢一倍以上,而且參與的人越多,溝通效率往往拖慢不止一倍。

  持續(xù)交付:

很多人有這樣的體會(huì),一個(gè)原生應(yīng)用上線Appstore,突然有一個(gè)大bug,只好連夜加班修復(fù),然后靜靜等待2周或更長時(shí)間的Apple審核,這2個(gè)星期被用戶的涂抹淹死,市場(chǎng)上一片差評(píng),用戶大量流失。等新應(yīng)用被審核上線了,用戶已經(jīng)卸載了。但是,HTML5沒有這些問題,你可以實(shí)時(shí)更新,有問題立即響應(yīng)。

  大幅下降成本:

創(chuàng)業(yè)者融資并不容易,如何花錢更高效非常重要。如果你使用原生開發(fā)的App和競(jìng)爭(zhēng)對(duì)手使用HTML5開發(fā)的App沒什么區(qū)別,但你的開發(fā)成本高出一倍,我相信沒有投資人會(huì)喜歡給你投錢。

  開源生態(tài)系統(tǒng)發(fā)達(dá):

HTML5前端是開放的正反饋循環(huán)生態(tài)系統(tǒng),大量的開源庫可以使用,開發(fā)應(yīng)用變得更輕松、更敏捷,當(dāng)然這也體現(xiàn)在了快速迭代和成本下降上。不過更重要的是,這種開放的正反饋循環(huán)生態(tài)系統(tǒng)未來的生命力是比原生生態(tài)系統(tǒng)更強(qiáng)勁的。

  開放的數(shù)據(jù)交換:

HTML是以page為單元開放代碼的,它無需專門開發(fā)SDK,只要不混淆,就能與其他應(yīng)用交互數(shù)據(jù)。開發(fā)者可以讓手機(jī)搜索引擎很容易檢索到自己的數(shù)據(jù), 也更容易通過跨應(yīng)用協(xié)作來滿足最終用戶需求。

  更容易推廣、更容易爆發(fā):

導(dǎo)流入口多:HTML5應(yīng)用導(dǎo)流非常容易,超級(jí)App(如微信朋友圈)、搜索引擎、應(yīng)用市場(chǎng)、瀏覽器,到處都是HTML5的流量入口。而原生App的流量入口只有應(yīng)用市場(chǎng)。聰明的HTML5開發(fā)者當(dāng)然會(huì)玩轉(zhuǎn)各種流量入口從而取得更強(qiáng)的優(yōu)勢(shì)。

流量大:前段時(shí)間微信朋友圈風(fēng)靡一時(shí)《神經(jīng)貓》,這個(gè)游戲如果放到Appstore,絕對(duì)沒有那么多流量,超級(jí)App帶來的流量,遠(yuǎn)大于原生應(yīng)用市場(chǎng)。假如微信允許游戲在桌面創(chuàng)建快捷方式、假如游戲后續(xù)升級(jí)解決持續(xù)娛樂問題,未來不可想象。

導(dǎo)流效率高:除了入口多、流量大,導(dǎo)流效率高也不可忽視,誰都知道:頁游和端游打同樣的廣告,廣告變用戶的轉(zhuǎn)化率,頁游遠(yuǎn)遠(yuǎn)高于端游。

可精準(zhǔn)導(dǎo)流到二級(jí)頁:我們都知道搜索引擎可以直接進(jìn)入到

  HTML5對(duì)最終用戶的3大優(yōu)勢(shì)

  大幅降低使用門檻

為什么流媒體會(huì)替代下載視頻成為主流?為什么頁游會(huì)如此火爆?只因用戶太“懶”。讓用戶更方便的滿足需求,有時(shí)效果好于更多的滿足需求。

用戶眼睛看到一個(gè)興趣點(diǎn),點(diǎn)擊后,就應(yīng)該立即開始滿足用戶需求。比如流媒體可以立即看,頁游可以立即玩。而目前的原生應(yīng)用市場(chǎng),用戶需要這樣操作:選一個(gè)應(yīng)用、等待下載、確認(rèn)權(quán)限、等待安裝,然后點(diǎn)擊打開。這樣糟糕的體驗(yàn)遲早要被顛覆。

不管是App、游戲還是音視頻,未來都將即點(diǎn)即用。誰先滿足用戶這個(gè)需求,誰就制勝。

  實(shí)時(shí)更新、差量更新的優(yōu)秀體驗(yàn)

HTML5應(yīng)用可以繞開應(yīng)用市場(chǎng)的限制進(jìn)行自主實(shí)時(shí)更新,用戶可以快速享受新服務(wù)。

而且這種更新完全可以是差量更新,比如某個(gè)HTML頁面或某個(gè)js文件有問題,只更新這個(gè)幾k的小文件就可以了,這比原生應(yīng)用的更新體驗(yàn)好太多。

  跨應(yīng)用的使用體驗(yàn)

目前手機(jī)應(yīng)用切換是以桌面或任務(wù)管理器為中心的,但事實(shí)上這些中心很影響效率和體驗(yàn)。用戶想出差三亞,先打開去哪App訂票,然后切回桌面,再找到并打開天氣App,搜索輸入三亞,再切到桌面,找到并打開航旅縱橫App,輸入航班號(hào)值機(jī),哦對(duì)了,航班號(hào)多少來著,再切到桌面,找到并打開去哪App看航班號(hào),最后找到并打開租車App,輸入租車地點(diǎn),然后再切回桌面。。。

在原生應(yīng)用體系下,用戶只能這樣。但在HTML5體系下,他不需要切回桌面,他可以在App間方便的直接跳來跳去,而不是使用一個(gè)一個(gè)孤島App;他更不用重復(fù)錄入數(shù)據(jù),應(yīng)用間可以方便的互相傳遞數(shù)據(jù)。

這種模式需要一點(diǎn)想象力,但未來遲早會(huì)來。

分析至此,我們可以明顯的看出,不管是站在最終用戶角度、還是站在開發(fā)者角度,HTML5必將取代原生應(yīng)用當(dāng)前的位置。并由此引發(fā)一系列顛覆。

  六、 還有什么會(huì)被改變?

HTML5的爆發(fā),原生App開發(fā)生態(tài)系統(tǒng)的顛覆,是一場(chǎng)產(chǎn)業(yè)革命,很多角色都會(huì)受到影響,我們來預(yù)測(cè)一番。

  新型HTML5引擎戰(zhàn)火將燒起

標(biāo)準(zhǔn)的HTML5引擎并不能解決HTML5的所有問題,擁有大流量入口的互聯(lián)網(wǎng)巨頭,莫不在思考內(nèi)嵌更優(yōu)秀的增強(qiáng)引擎。騰訊推出了X5瀏覽器引擎,就是看中這個(gè)機(jī)會(huì)。目前各路瀏覽器廠商、應(yīng)用市場(chǎng)廠商、甚至rom廠商,都在努力整合更優(yōu)質(zhì)的瀏覽器引擎。假使微信內(nèi)嵌的Webview可以運(yùn)行更優(yōu)秀的canvas游戲、假使360手機(jī)助手可以發(fā)行即點(diǎn)即用的HTML5應(yīng)用并且能力體驗(yàn)與原生一致、假使小米rom內(nèi)置更強(qiáng)大的webview使得所有HTML5應(yīng)用在小米手機(jī)上運(yùn)行的更流暢。。。

一個(gè)巨頭開始行動(dòng),所有巨頭都會(huì)聞風(fēng)而動(dòng),沒錯(cuò),這場(chǎng)戰(zhàn)役會(huì)是移動(dòng)互聯(lián)網(wǎng)世界的二次世界大戰(zhàn)。

  應(yīng)用發(fā)行市場(chǎng)將洗牌

由于超級(jí)App的巨大流量能輕易成為HTML5應(yīng)用的入口,并且會(huì)形成大者更大的效應(yīng),傳統(tǒng)的應(yīng)用商店、甚至線下預(yù)裝,這些流量不足和效率偏低的發(fā)行模式將被擠出市場(chǎng)主流。本身也是超級(jí)App的大流量應(yīng)用商店,如果轉(zhuǎn)型得當(dāng),也將以發(fā)行HTML5應(yīng)用為主。

  廣告和統(tǒng)計(jì)市場(chǎng)

原生的廣告和統(tǒng)計(jì)SDK提供商會(huì)面臨尬尷,Google、百度等基于網(wǎng)頁的廣告和統(tǒng)計(jì)服務(wù)會(huì)取得更大的優(yōu)勢(shì)。開發(fā)者不再需要打包SDK,引入一個(gè)Script即可。

  開源技術(shù)將在移動(dòng)互聯(lián)網(wǎng)領(lǐng)域更加流行

HTML的開放性造就了大量的開源產(chǎn)品,也反向促進(jìn)了HTML的繁榮。在Github上有大量的JS框架,而原生的開源代碼數(shù)量相比甚少。而未來移動(dòng)互聯(lián)網(wǎng)世界將因?yàn)殚_源而發(fā)展的更迅速,這里也同樣存在類Github廠商的機(jī)遇。

  開發(fā)工具的變化

早期HTML只需要記事本寫幾個(gè)Tag,中期的HTML、JS、CSS比較復(fù)雜,需要更高級(jí)的文本編輯器,但HTML5到來后,它的代碼量、復(fù)雜度、開發(fā)模型將與原生開發(fā)看齊,需要類似XCode、Eclipse等專業(yè)的IDE工具來解決開發(fā)、調(diào)試的問題。一些以會(huì)使用記事本寫代碼為榮的開發(fā)者,將面臨思路轉(zhuǎn)換甚至被更高效的開發(fā)者淘汰。

  性能分析調(diào)優(yōu)

目前很多針對(duì)原生應(yīng)用的性能分析調(diào)優(yōu)工具或服務(wù),未來也面臨轉(zhuǎn)型,HTML5應(yīng)用的性能分析調(diào)優(yōu)是另一個(gè)世界。

  混淆與產(chǎn)權(quán)保護(hù)

HTML5是開放代碼的,好處也帶來弊端,有些東西開發(fā)者希望暴露,但有些東西開發(fā)者希望保護(hù)?;煜夹g(shù)就變得更有商業(yè)機(jī)會(huì)。PC Web上Gmail的混淆就做的不錯(cuò)。除了JS混淆,離線數(shù)據(jù)加密相信也有不少空間。

  安全廠商的新機(jī)會(huì)

HTML5的強(qiáng)大會(huì)引發(fā)很多安全問題,并且解決思路與原生不一樣,業(yè)內(nèi)有可能會(huì)出現(xiàn)新的安全廠商領(lǐng)導(dǎo)者。

  七、 結(jié)語

寫到結(jié)尾,感覺話題有點(diǎn)大了。其實(shí)未來如何發(fā)展是沒人能準(zhǔn)確預(yù)測(cè)的,變量非常多。但我想讓用戶和開發(fā)者都更方便的趨勢(shì)是不會(huì)錯(cuò)的。

我在這里拋磚引玉,歡迎大家一起討論,但我希望我們能理智的分析,在爭(zhēng)議中提煉真知,而不是未經(jīng)思考或驗(yàn)證僅因?yàn)楹ε卤活嵏捕鵁o謂的亂噴。

也祝愿大家在HTML5的浪潮中,把握住機(jī)遇,享受下坐在風(fēng)口當(dāng)豬的感覺:)

 

創(chuàng)新APP幫到你滿足春節(jié)需求

本周開始進(jìn)入農(nóng)歷的臘月,這意味著春節(jié)長假已經(jīng)近在眼前了。不管大家是要拖兒帶女返鄉(xiāng)過年、還是要和家人集體出游享受長假,估計(jì)都已經(jīng)開始做起具體規(guī)劃來了。這里提醒大家一下,在你的規(guī)劃中,不妨考慮加入一些互聯(lián)網(wǎng)的要素吧!要知道在這個(gè)移動(dòng)互聯(lián)“無所不能”的年代,無論你過年有著怎樣的需求,總有一款APP是能夠幫到你的哦!

  搶票回家不妨試試網(wǎng)易火車票

  春節(jié)回家購買火車票是很多人心中永遠(yuǎn)的痛,求爺爺告奶奶、通宵守在電腦前,最后常常還是要加價(jià)從“黃?!蹦抢锊庞锌赡苜I到票。今年春運(yùn),鐵路部門實(shí)行新政,可以提前60天在網(wǎng)上訂購火車票,但這似乎并沒有緩解購票難的問題,反而加劇了搶票的難度。除了官方出品的12306手機(jī)客戶端,不少應(yīng)用開發(fā)商也推出了幫助消費(fèi)者搶火車票的軟件。

  網(wǎng)易火車票就是一款是由網(wǎng)易官方出品,集火車時(shí)刻表查詢、余票查詢、車次查詢、票價(jià)查詢等功能于一體,個(gè)性化定制搶票方案,全方位為用戶提供購票、搶票服務(wù)的應(yīng)用。在搶票流程與功能上,網(wǎng)易火車票與其他搶票軟件大體相似,但它比較貼心的是多出了一個(gè)“余票不足時(shí)提交部分訂單”開關(guān)選項(xiàng),更適合“有票先走”的商務(wù)人士。在刷票速率上相對(duì)智能,無需用戶手動(dòng)選擇,會(huì)自動(dòng)識(shí)別當(dāng)前網(wǎng)絡(luò)環(huán)境進(jìn)行速度切換,保證刷票速率的同時(shí)最大程度為用戶節(jié)約流量。

  每年春節(jié)時(shí),不少人都會(huì)感慨如果有輛車就好了,比如想要集體短途游但卻搭不到車,全家人要走親戚但交通是個(gè)麻煩,又或是一家老小回鄉(xiāng)出了機(jī)場(chǎng)還要輾轉(zhuǎn)各種交通工具的時(shí)候,確實(shí)是租輛車來自駕會(huì)方便許多。

  一嗨租車是國內(nèi)最大的連鎖租車服務(wù)提供商之一,目前已經(jīng)在全國90多個(gè)城市開設(shè)了700多個(gè)服務(wù)網(wǎng)點(diǎn),出租率、周轉(zhuǎn)率等重要指標(biāo)均位居行業(yè)前列。消費(fèi)者可以在線租車、異地取車,有超過100種車型可供選擇,滿足不同用戶的需求。春節(jié)期間一嗨租車還在iOS客戶端推出下單立減的優(yōu)惠,更增經(jīng)濟(jì)實(shí)惠。

  春節(jié)期間消費(fèi)者對(duì)于酒店的需求也相當(dāng)大,不僅是出游人群,越來越多返鄉(xiāng)過年的消費(fèi)者,相比較和父母、親戚“擠擠”,更愿意訂酒店,住得更舒服些,因此各種酒店預(yù)訂應(yīng)用在需要裝備起來。

  作為全球領(lǐng)先的在線旅行服務(wù)公司,攜程旅行手機(jī)客戶端提供國內(nèi)110000余家酒店、客棧、酒店式公寓,海外430000余家酒店、民宿的在線預(yù)訂服務(wù),還提供快捷預(yù)訂今夜搶拍酒店、手機(jī)專享價(jià)酒店、神秘酒店、特賣酒店、特色酒店、品牌酒店、精品酒店等。而且在1月底之前,所有iPhone和iPad用戶登錄攜程旅行客戶端,進(jìn)入活動(dòng)頁面即可領(lǐng)取50元酒店優(yōu)惠券。

  現(xiàn)在消費(fèi)者過春節(jié)的觀念也與傳統(tǒng)發(fā)生了很大變化,相比較守在家里團(tuán)圓,越來越多人和合家出門旅行去。想點(diǎn)子容易,做旅游攻略難,常常是看了一圈游記和攻略之后,被大量的信息淹沒了,難以找到能夠解決自己實(shí)際需求的信息,行程計(jì)劃還是一片空白,需要有能夠幫助用戶制定旅行計(jì)劃的應(yīng)用。

  去年上線的應(yīng)用“出發(fā)吧”目前整合了行程安排、景點(diǎn)資訊、地圖導(dǎo)航、備忘提醒、目的地天氣、清單記賬等功能,力圖與用戶的行程緊密結(jié)合,做到旅行信息一站式收納,并可隨時(shí)隨地查閱調(diào)整。值得一提的是出發(fā)吧貌似整合了許多功能點(diǎn),但其界面卻簡(jiǎn)潔、清晰,推薦路線、主題旅行地、發(fā)現(xiàn)精彩、我的計(jì)劃等板塊,使用戶能一目了然、便捷地上手使用。

騰訊微眾銀行今日低調(diào)上線移動(dòng)APP端是業(yè)務(wù)重點(diǎn)

 在12月16日完成工商注冊(cè)后,騰訊微眾銀行官網(wǎng)在28日低調(diào)上線。

  考拉君登陸微眾銀行官網(wǎng)體驗(yàn),整個(gè)頁面非常簡(jiǎn)潔,在“微眾銀行”四個(gè)大字下,打著“科技、普惠、連接”的宣傳語,除此之外只有一個(gè)二維碼。掃描二維碼后出現(xiàn)的是微眾銀行的H5廣告帖,以及招聘信息。

  從微眾官網(wǎng)目前的設(shè)置來看,印證了微眾在業(yè)務(wù)方向上的兩點(diǎn)信息。一是目標(biāo)客戶的定位,即善用互聯(lián)網(wǎng)的屌絲人群;二是從上線開始就更注重移動(dòng)端,未來微眾的業(yè)務(wù)操作預(yù)計(jì)也是以移動(dòng)端為主,PC端可能只起到對(duì)移動(dòng)端的導(dǎo)流作用。

  從12月12日拿到銀監(jiān)會(huì)的開業(yè)批復(fù),到今天的正式上線,微眾在2014年末進(jìn)展神速,最終成為第一家上線的互聯(lián)網(wǎng)銀行。

  除了互聯(lián)網(wǎng)銀行的創(chuàng)新在,微眾受到廣泛關(guān)注的另一原因是其背景,第一大股東是騰訊,持股比例30%。另兩大股東分別為百業(yè)源和立業(yè)集團(tuán)。另外一家獲得獲批籌建的具備互聯(lián)網(wǎng)基因的民營銀行是阿里系的浙江網(wǎng)商銀行,至今尚未獲得開業(yè)批復(fù)。

http://it.sohu.com/20141228/n407342500.shtml it.sohu.com true 搜狐IT 臺(tái)風(fēng)口的考拉 http://it.sohu.com/20141228/n407342500.shtml report 660 搜狐IT文/楊舒芳在12月16日完成工商注冊(cè)后,騰訊微眾銀行官網(wǎng)在28日低調(diào)上線??祭顷懳⒈娿y行官網(wǎng)體驗(yàn),整個(gè)頁面非常簡(jiǎn)潔,在“微眾銀行”四個(gè)大字下,打著“

APP打包黨的生意經(jīng)

低門檻、零成本、高收入,使得“二次打包”灰色產(chǎn)業(yè)鏈迅速形成,一個(gè)10人團(tuán)隊(duì)一個(gè)月可純賺150萬元

做安卓APP開發(fā)3年多的張琪(化名)近來常常有挫敗感。

他時(shí)常感嘆,如果兩年前愿意放下身段去做“打包黨”,或許早已買房買車,不用再為每月房貸發(fā)愁。

張琪口中的“打包黨”是APP市場(chǎng)上并不小眾的存在。

這些被業(yè)內(nèi)人士稱為“打包黨”的人(或公司),會(huì)將互聯(lián)網(wǎng)上最熱門的應(yīng)用拆包,此后插入一些自己想要分發(fā)的東西再重新拼裝,最后把這些“二次打包”的軟件重新發(fā)布,以此牟利。

長久以來,多數(shù)像張琪這樣的小開發(fā)者,只能一邊領(lǐng)著微薄的薪水,一邊眼睜睜看著自己辛苦開發(fā)的軟件被別人山寨后牟利,有苦難言。

一月凈賺150萬?

iOS和安卓兩個(gè)不同平臺(tái)上的APP開發(fā)小團(tuán)隊(duì)經(jīng)常被描繪成兩個(gè)相當(dāng)迥異的存在。

類似的故事近來被一提再提:兩個(gè)人分頭創(chuàng)業(yè)做APP開發(fā),1年后,在iOS上做游戲的小伙伴都掙到了買房子的首付;而醉心安卓的開發(fā)者還在借錢交房租。

這一切都是因?yàn)榘沧俊按虬h”的存在。獵豹安全專家李鐵軍預(yù)測(cè),如今市面的安裝包約30%都被“打包黨”篡改過。

“我們收集的安卓程序樣本總量超過2000萬個(gè),如果不是此類盜版或山寨軟件的流入,總量絕不會(huì)有這么多,安裝率越高的軟件被‘二次打包’的可能性越大?!崩铊F軍告訴《第一財(cái)經(jīng)(微博

)日?qǐng)?bào)》記者,像保衛(wèi)蘿卜、植物大戰(zhàn)僵尸、水果忍者等曾經(jīng)火爆的APP,都無一例外遭遇過“二次打包”。

在行情“火爆”的背后,是“二次打包”形成的一條灰色產(chǎn)業(yè)鏈。

相比以植入木馬通過惡意扣費(fèi)來獲取利潤的方式,通過嵌入廣告方式賺錢的“打包黨”在盈利模式上與很多正規(guī)安卓APP開發(fā)者并無二致。只不過,由于“打包黨”是直接破解別人的APP,所以基本上是無本生意。

由于應(yīng)用商店均被360、百度等幾家大巨頭把持,一般小開發(fā)者會(huì)選擇彈窗廣告聯(lián)盟的形式合作推廣。開發(fā)者通過廣告收入獲取提成。

廣告有按照展示次數(shù)、點(diǎn)擊次數(shù)、安裝激活量等不同的計(jì)費(fèi)形式。以安裝激活量的計(jì)費(fèi)形式為例,目前廣告聯(lián)盟開出的一個(gè)安卓APP下載包的定價(jià)在1~4元左右,開發(fā)者提成一般為70%。

“其實(shí),開發(fā)者能拿到手的遠(yuǎn)遠(yuǎn)不到70%,扣除無效量等之后,一般50%已經(jīng)是不錯(cuò)的。”有安卓APP開發(fā)者說。

張琪舉例說,廣告聯(lián)盟目前給出的大眾點(diǎn)評(píng)的安卓安裝包4元左右,廣告聯(lián)盟把包分發(fā)給開發(fā)者,以注冊(cè)量來結(jié)算,開發(fā)者可以從每個(gè)通過自己APP點(diǎn)擊下載并成功注冊(cè)大眾點(diǎn)評(píng)安裝包的用戶中得到1.5~2元。

在這些安卓應(yīng)用中,最值錢的是游戲類。

“游戲的安卓包可以達(dá)到5~6元1個(gè),熱門的高ARPU(每用戶平均收入)游戲,單個(gè)安裝激活價(jià)也比較高。”張琪說。

除了零成本,“二次打包”的技術(shù)門檻也很低,“有時(shí)候不用組團(tuán)隊(duì),一個(gè)人也能做?!睆堢髡f。

在暴利的驅(qū)使下,“二次打包”的灰色產(chǎn)業(yè)鏈迅速形成。國內(nèi)較早從事APP加密產(chǎn)業(yè)的梆梆安全副總裁趙宇此前公開表示,一個(gè)10人的團(tuán)隊(duì)可以在一個(gè)月內(nèi)靠病毒打包純賺150萬元。

“二次打包”的風(fēng)險(xiǎn)

無本暴利更壞還不是最壞的消息。更危險(xiǎn)的是,“打包黨”會(huì)在破解某APP后,加入病毒、廣告鏈或吸費(fèi)指令等惡意程序?!爸姓小钡挠脩舸蠖喽紩?huì)遭遇頻繁的廣告騷擾、流量損失,嚴(yán)重的還可能被竊取密碼與個(gè)人隱私等。

“以前,‘打包黨’主要針對(duì)游戲與工具類軟件,但現(xiàn)在,一些惡意‘打包黨’瞄準(zhǔn)的是支付類軟件,直接惡意扣費(fèi)。這是一個(gè)比較大的隱患?!崩铊F軍說。

更有苦難言的是,用戶在誤下載并使用了經(jīng)過“二次打包”的軟件后,一旦遭遇損失,大多數(shù)軟件開發(fā)者還得為此“背黑鍋”。

中移指數(shù)大數(shù)據(jù)移動(dòng)互聯(lián)研究院執(zhí)行副院長闞志剛在日前中國移動(dòng)應(yīng)用安全媒體融合峰會(huì)上表示,目前約有12.6%的手機(jī)APP為惡意應(yīng)用。

2014年11月,該研究院對(duì)國內(nèi)幾個(gè)主流應(yīng)用商店前100名的APP進(jìn)行安全測(cè)試,發(fā)現(xiàn)排名靠前的APP均遭受嚴(yán)重的破解和篡改等移動(dòng)安全攻擊。其中微信APP篡改攻擊率達(dá)15.28%,各大應(yīng)用商店一共存在514個(gè)微信APP,其中79個(gè)是假的。此外,超過95%的手機(jī)銀行客戶端的現(xiàn)有安全機(jī)制都存在嚴(yán)重的脆弱性。

不過,由此催生的是安全加固市場(chǎng),在APP進(jìn)入應(yīng)用市場(chǎng)之前,對(duì)APP客戶端進(jìn)行加密、加殼保護(hù),對(duì)抗逆向工程、代碼注入等黑客行為。

目前市場(chǎng)上提供的大部分安全加固方案主要通過加殼、加密操作,只能對(duì)抗靜態(tài)分析和簡(jiǎn)單的逆向工程。

但與此同時(shí),惡意程序加固的問題也開始成為新的困擾。

有報(bào)道稱,國家互聯(lián)網(wǎng)應(yīng)急中心何能強(qiáng)博士在此前的《2014中國網(wǎng)絡(luò)安全論壇》上公開表示,2014年監(jiān)測(cè)到的互聯(lián)網(wǎng)上加固的安全應(yīng)用程序超過7萬個(gè),惡意程序有7000多個(gè)。

據(jù)何能強(qiáng)介紹,2012年上半年,國家互聯(lián)網(wǎng)應(yīng)急中心曾接到過一個(gè)關(guān)于仿冒微信客戶端的舉報(bào)事件,該惡意程序就是經(jīng)過加固的。

網(wǎng)絡(luò)文學(xué)已經(jīng)進(jìn)入移動(dòng)APP閱讀時(shí)代

12月8日消息,2014網(wǎng)絡(luò)文學(xué)行業(yè)峰會(huì)今日在深圳召開。騰訊文學(xué)CEO吳文輝在會(huì)上表示,隨著移動(dòng)互聯(lián)網(wǎng)的崛起和IP價(jià)值的拓展,網(wǎng)絡(luò)文學(xué)已經(jīng)進(jìn)入移動(dòng)閱讀時(shí)代。

  吳文輝表示,移動(dòng)設(shè)備正成為網(wǎng)絡(luò)第一端,2014年我國手機(jī)用戶已達(dá)6億,覆蓋80%的網(wǎng)民,人均手機(jī)使用時(shí)間同比上升50%。網(wǎng)絡(luò)文學(xué)的價(jià)值越來越在移動(dòng)端體現(xiàn)。

  “網(wǎng)絡(luò)文學(xué)正迎來一個(gè)更好的時(shí)代。2013年網(wǎng)絡(luò)文學(xué)市場(chǎng)收入規(guī)模達(dá)46.3億元,較2012年增長66.7%。從幾萬的作家群到2.74億的用戶圈,騰訊文學(xué)正迎來新的輪回?!眳俏妮x說到。

  據(jù)吳文輝介紹,騰訊文學(xué)正在構(gòu)建全閱讀生態(tài)系統(tǒng)。將游戲、影視、動(dòng)漫、文學(xué)等領(lǐng)域的粉絲力量聚合在一起,擴(kuò)大渠道,建立強(qiáng)大的原創(chuàng)平臺(tái)。未來作家得到的將不僅是物質(zhì)上的獎(jiǎng)勵(lì),更多的是其個(gè)人品牌化的打造和粉絲聚合。