[CSDN.NET特邀稿件]Html5美在哪里？”這個熱門的問題幾乎已經(jīng)成為開發(fā)人員的必談話題。
在剛剛結(jié)束的支付寶“技術(shù)風(fēng)云會”論壇上，Html5再次成為5位與會者的關(guān)注焦點(diǎn)。會中也有人問及：native app 和mobile web app哪個將成為主流？ 又或者h(yuǎn)tml5應(yīng)用能否替代native app?
確實(shí)，html5技術(shù)再不斷的完善，也必將做更多的事情，但個人認(rèn)為，native app在這幾年還將是主流，它與生俱來的高用戶體驗(yàn)、華麗的用戶界面、較低的流量成本，并且能訪問本地資源，但native app有著較為致命的缺點(diǎn)：較差的不同平臺的可移植性、較高的多個版本的升級維護(hù)成本、盈利模式的局限性。而web app在很大程度上與native app 形成互補(bǔ)，較低的開發(fā)成本、跨平臺移植、升級更新更容易等等。
所以，在未來幾年web app 和 native app結(jié)合可能是一個不錯的解決方案，Hybrid App，通俗一點(diǎn)講就是偽客戶端或者輕量級客戶端，它的展現(xiàn)模式還是類似于native app，但其實(shí)只有一個ui webView，內(nèi)嵌了html5頁面，如果覺得webView不能滿足要求，可以開發(fā)一個適合自己的瀏覽內(nèi)核，做到與客戶端一樣用戶體驗(yàn)。
打個比方，現(xiàn)在私家車已經(jīng)較為普遍，但平時我們也會使用自行車，我們可以根據(jù)不同的場合使用不同的交通工具，當(dāng)然我們還可以把自己車架在私家車上以備不時之需。
Html5必將帶來一場移動互聯(lián)網(wǎng)的革命，作為htm5的參與者和受益者，我們將期待html5標(biāo)準(zhǔn)的統(tǒng)一和越來越多的web app應(yīng)用，并給我們帶來更多的商業(yè)化價值。
iPhone讓Native App火熱，Android讓Native App普及
5年前的1月9日，蘋果公司在Mac World大會上推出了iPhone手機(jī)，這款革命性的通信終端重新定義了SmartPhone，也宣告了移動互聯(lián)網(wǎng)的到來。人們從AppStore上下 載應(yīng)用，享受著App帶來的便捷、多彩生活。一年后，互聯(lián)網(wǎng)巨鱷谷歌發(fā)布了Android系統(tǒng)，極大的降低了智能手機(jī)成本，也讓Native App得到了普及。調(diào)查顯示，2010年6月美國用戶每天花在App和Web上的時間分別為43分鐘和64分鐘，而這一數(shù)據(jù)在一年后轉(zhuǎn)變?yōu)?1分鐘以及 74分鐘。為什么Native App會如此受青睞？一方面是因?yàn)镹ative App擁有最佳的用戶體驗(yàn)、絕對的本地設(shè)備訪問能力、優(yōu)異的盈利模式等優(yōu)勢；另一方面則是因?yàn)楫?dāng)時的wap站點(diǎn)還太弱小。
HTML5讓web回歸，wap站點(diǎn)向Mobile Web App轉(zhuǎn)變
當(dāng)《連線》雜志拋出《The Web Is Dead , Long Live the Internet》的論調(diào)時，迅速引起了整個行業(yè)的討論，而大部分web支持者將希望寄托在HTML5身上。隨著智能手機(jī)的普及，移動瀏覽器進(jìn)行著競爭， 基于Webkit引擎的終端覆蓋了龐大的智能移動終端市場，移動設(shè)備對于HTML5的支持完全達(dá)到了可應(yīng)用的水平。另一方面，Native App的高成本、低效率也讓HTML5下的移動web重新得到關(guān)注。
2010年開始，淘寶、支付寶、騰訊、網(wǎng)易、新浪等國內(nèi)互聯(lián)網(wǎng)巨頭都開始對wap進(jìn)行重新的設(shè)計(jì)，HTML5觸屏版陸續(xù)上線。至此，HTML5完成了移動web開發(fā)的一次變革：
CSS3被用于打造wap頁面，它的圓角、漸變、陰影、動畫等特性讓移動web擁有了接近于native的UI，整個頁面煥然一新； <article>、<section>、<header>等語義化標(biāo)簽更容易被理解，有利于頁面維護(hù)與復(fù)用；HTTML5表單實(shí)現(xiàn)了許多簡單易用的原生屬性和控件，可以輕松的構(gòu)建強(qiáng)大的表單； 強(qiáng)大的Javascript API讓mobile web site酷起來，復(fù)雜的交互不再停留在Native App內(nèi)，Mobile Web App開始展現(xiàn)魅力； HTML5下app開發(fā)的高效讓產(chǎn)品變得更加迅捷，也真正達(dá)到了手機(jī)應(yīng)用的隨時更新； HTML5 = iOS + Android + WindowsPhone，一套代碼跨越多個平臺。不可避免的，wap的轉(zhuǎn)型也給移動互聯(lián)網(wǎng)企業(yè)帶來了新的挑戰(zhàn)：(1)產(chǎn)品經(jīng)理、交互設(shè)計(jì)師、視覺設(shè)計(jì)師需要更多的創(chuàng)新適應(yīng)HTML5帶來的新變化； (2)生態(tài)產(chǎn)業(yè)鏈的形成需要時間，Mobile Web App如何被“發(fā)現(xiàn)”、“保留”、“返回”還需要進(jìn)一步探討；(3)大量的前端人才需求；(4)wap site與Mobile Web App以及不同版本Mobile Web App間的兼容開發(fā)問題，多版本適配成為新的架構(gòu)挑戰(zhàn)。
HTML5讓Native App傾斜，Hybrid或許是正道
HTML5下的Mobile Web App確實(shí)擁有了可以和Native App叫板的資格，但是就像C/S和B/S模式同時存在一樣，Mobile Web App與Native App誰也沒法代替對方。喬布斯曾在受采訪時說過：“Web是未來，雖然現(xiàn)階段Native給了用戶更好的體驗(yàn)。如果現(xiàn)在的開發(fā)者不有效的利用Web技 術(shù)，那他就落伍了。但如果過分依賴Web，完全不用Native那也未必就是好事”。
隨著業(yè)務(wù)的發(fā)展和新需求的出現(xiàn)，產(chǎn)品經(jīng)理們成天貪婪的追問“你那個HTML5可以獲取手機(jī)硬件信息不，什么時候能調(diào)攝像頭啊？”，很可惜主流的移動 瀏覽器并沒有將這些API開放出來，web依舊需要native去做一些底層的事；相對的，native的工程師也期望自己的應(yīng)用里面可以加入 HTML5，提高開發(fā)的效率，適應(yīng)快速的需求變化。
顯然，只有將這兩種模式進(jìn)行融合才能應(yīng)對新的挑戰(zhàn)，HTML5讓native產(chǎn)生了傾斜，“Hybrid”成為較好的選擇。細(xì)細(xì)想來，Hybrid 應(yīng)用可以使用HTML5輕松呈現(xiàn)復(fù)雜排版內(nèi)容，js也能調(diào)用移動終端底層的API，產(chǎn)品開發(fā)效率得到了很大的提高，并且兼容各平臺，商業(yè)運(yùn)作成本比較低。 當(dāng)然，開發(fā)一個成功Hybrid應(yīng)用并不容易，需要native工程師，前端工程師以及后臺開發(fā)人員的通力合作。
當(dāng)我們開始構(gòu)建Hybrid App的時候，如何去“Bridging the gap”是一大挑戰(zhàn)。其實(shí)，實(shí)際操作并不如想象的那么困難。以Android為例，它的Webview中有一個 addJavascriptInterface方法，通過這個方法可以將App運(yùn)行過程中的java對象暴露給js調(diào)用。同樣的 iOS，WindowsPhone也都存在著這樣的接口。
因此，對于技術(shù)實(shí)力超強(qiáng)的公司來說，自行實(shí)現(xiàn)Hybrid框架是可行的，也能在遇到問題時及時進(jìn)行完善。而對于大部分公司來說，使用現(xiàn)有的 Hybrid框架效率會更高，而PhoneGap無疑是最佳的選擇。在被adobe收購并捐獻(xiàn)給apache基金后，PhoneGap得到了更多的支持， 更新速度也開始加快，它的Plugin機(jī)制更是可以滿足HTML頁面絕大部分的native擴(kuò)展需求。“HTML5+PhoneGap”成為了主流的 App開發(fā)方案。
需要清醒的是，雖然Hybrid很美好，但是在這種轉(zhuǎn)型過程中同樣也會遇到很多的挑戰(zhàn)：
(1)哪些業(yè)務(wù)子應(yīng)用應(yīng)該使用web、哪些應(yīng)該加入native；
(2)Hybrid的性能問題；
推薦閱讀
網(wǎng)易回應(yīng)大眾點(diǎn)評律師函：未直接談及是否抄襲
新浪科技訊 4月26日晚間消息，針對大眾點(diǎn)評正式向網(wǎng)易發(fā)出律師函要求停止侵權(quán)行為一事，網(wǎng)易向新浪科技發(fā)來聲明稱，商戶基本信息屬于公共服務(wù)信息網(wǎng)易有權(quán)使用，不過，網(wǎng)易并未直接談及是否抄襲大眾點(diǎn)評內(nèi)容。 網(wǎng)易稱>>>詳細(xì)閱讀
本文標(biāo)題：支付寶技術(shù)風(fēng)云會：HTML5引發(fā)移動開發(fā)變革
地址：http://www.sdlzkt.com/a/kandian/20120426/55290.html
網(wǎng)友點(diǎn)評
精彩導(dǎo)讀
科技快報
品牌展示