北京互聯(lián)深度解析：移動(dòng)Web應(yīng)用未來趨勢

申請免費(fèi)試用、咨詢電話：400-8352-114

從移動(dòng)電話的產(chǎn)生，到當(dāng)前移動(dòng)互聯(lián)應(yīng)用的風(fēng)生水起，我們步入到任何人都有機(jī)會(huì)獲得大量信息資源的移動(dòng)互聯(lián)網(wǎng)時(shí)代。盡管移動(dòng)計(jì)算技術(shù)已扮演了如此重要的角色，但它仍處于發(fā)展初期。 

對于需要吸引不同群體用戶，滿足不同業(yè)務(wù)需求的應(yīng)用而言，如何使用一個(gè)實(shí)用、價(jià)格合理，且可支持大量應(yīng)用的方式來實(shí)現(xiàn)我們的移動(dòng)愿景？ 

在很多情況下看來，答案是使用Web技術(shù)。基于Webkit內(nèi)核，HTML5/CSS3和移動(dòng)終端的結(jié)合優(yōu)勢已經(jīng)證明了這樣的一個(gè)結(jié)論。 

為什么是Web技術(shù)開發(fā)？ 

從Apple的iOS和Google的Android可以看出，未來的移動(dòng)計(jì)算領(lǐng)域注定將以更加開放的形態(tài)發(fā)展?；陂_放、免費(fèi)并且互操作性很強(qiáng)的平臺(tái)，開發(fā)方式將在移動(dòng)應(yīng)用的開發(fā)過程中扮演關(guān)鍵角色。 

無論是目前最為流行的iOS和Android系統(tǒng)，還是Symbian、WebOS或黑莓，都內(nèi)置了基于WebKit內(nèi)核的瀏覽器，支持各種標(biāo)準(zhǔn)的Web技術(shù)，比如HTML、CSS、JavaScript、PHP、Ruby On Rails和Python。 

同時(shí)，伴隨著Android陣營的不斷壯大，各種樣式和型號(hào)的Android終端涌入市場。這對于開發(fā)者來說是一把雙刃劍。一方面，更多的終端意味著更大的市場；另一方面，更多的終端也意味著平臺(tái)的分裂?？紤]到不同終端的適配問題，Android的分裂也可以通過采用HTML、CSS和JavaScript生成應(yīng)用程序的方法來解決。 

使用標(biāo)準(zhǔn)化的Web技術(shù)為開發(fā)者帶來了很大的自由度、廣泛的應(yīng)用范圍和低廉的費(fèi)用。你可以很容易地將一個(gè)程序作為Web應(yīng)用發(fā)布，然后在成千上萬的真實(shí)用戶使用下修改和測試。 

甚至當(dāng)你準(zhǔn)備改變時(shí)，也可以用Rexsee（http://www.rexsee.com）等優(yōu)秀的移動(dòng)中間件產(chǎn)品將Web應(yīng)用轉(zhuǎn)換成Apk程序，作為原生

Android應(yīng)用進(jìn)行發(fā)布。 

原生應(yīng)用與移動(dòng)Web應(yīng)用對比移動(dòng)終端之所以風(fēng)靡全球，除了強(qiáng)大的硬件特性之外，更關(guān)鍵的因素在于其龐大的移動(dòng)應(yīng)用軟件。在目前看來，在AppStore和Android Market上的應(yīng)用都是基于兩大公司提供給第三方應(yīng)用開發(fā)人員的SDK進(jìn)行開發(fā)的。 

使用原生開發(fā)的模式，應(yīng)用從AppStore或Android Market下載并安裝到移動(dòng)終端，直接使用移動(dòng)終端的硬件功能（揚(yáng)聲器、加速度傳感器、攝像頭等）。 

除了基于SDK的原生開發(fā)模式，移動(dòng)終端還支持Web開發(fā)模式（AppStore就是一個(gè)典型的Web應(yīng)用）?；赪ebkit內(nèi)核，更有強(qiáng)大的HTML5支持，通過HTML、CSS、JavaScript這些標(biāo)準(zhǔn)化的Web技術(shù)實(shí)現(xiàn)移動(dòng)Web應(yīng)用的開發(fā)。 

簡單來理解，移動(dòng)Web應(yīng)用就是針對移動(dòng)終端優(yōu)化過的Web 站點(diǎn)。Web 站點(diǎn)上的內(nèi)容無關(guān)緊要，可以是一個(gè)標(biāo)準(zhǔn)小型企業(yè)的宣傳冊，也可以是按揭貸款計(jì)算器，甚至是一個(gè)每日熱量消耗記錄的工具。 

移動(dòng)Web應(yīng)用定義性的特點(diǎn)是，用戶界面（UI）是用Web標(biāo)準(zhǔn)技術(shù)建立的，它能夠通過一個(gè)URL（公開的，私有的，或者是需要登錄的）訪問到，而且針對移動(dòng)終端的特點(diǎn)優(yōu)化過。 

針對于移動(dòng)終端的應(yīng)用開發(fā)，基于SDK開發(fā)的原生應(yīng)用與使用Web技術(shù)的移動(dòng)Web應(yīng)用都有顯著的優(yōu)勢，也各有其弊端。簡單總結(jié)可以從如下幾個(gè)方面對比。 

原生應(yīng)用的優(yōu)勢： 

可以充分發(fā)揮設(shè)備硬件和操作系統(tǒng)的特性； 

運(yùn)行效率高，完全不受網(wǎng)絡(luò)限制； 

原生應(yīng)用的劣勢： 

開發(fā)周期長、成本較高，效率低（Apple提供的是基于Objective-C語言的iOS SDK開發(fā)，Android提供的基于Java語言的Andorid SDK開發(fā)。）； 

不同終端的適配度不理想； 

調(diào)試與發(fā)布不方便。 

Web應(yīng)用的優(yōu)勢： 

Web開發(fā)者可以快速上手； 

多種終端的廣泛適配； 

實(shí)時(shí)調(diào)整與完善、開發(fā)周期和成本大幅降低； 

Web應(yīng)用的劣勢： 

復(fù)雜的用戶界面效果難以實(shí)現(xiàn)； 

硬件功能調(diào)用的滯后。 

隨著移動(dòng)設(shè)備與網(wǎng)絡(luò)結(jié)合緊密度的不斷提升，加上目前平臺(tái)對離線應(yīng)用的支持，原生應(yīng)用和移動(dòng)Web應(yīng)用的界限已經(jīng)不再明顯。尤其是HTML5的不斷發(fā)展，移動(dòng)Web應(yīng)用也將更加強(qiáng)大。 

移動(dòng)Web應(yīng)用開發(fā)工具正是有了WebKit和HTML5的支持，很多Web開發(fā)的廠商開始轉(zhuǎn)向基于移動(dòng)設(shè)備的Web應(yīng)用框架組建。 

PhoneGap、Titanium、iUI、jQTouch、WPTouch、XUI、iWebkit、Rhodes、gwt-mobile……當(dāng)我們驚嘆于移動(dòng)Web應(yīng)用充斥著各種各樣框架與類庫的時(shí)候，其實(shí)各大Web框架才剛剛開始他們的移動(dòng)征程：Yahoo的YUI3.2的Touch版、jQuery的 jQueryMobile、ExtJS整合JQTouch和Rapha?l庫推出的Sencha Touch框架。 

這其中，擁有最有名的開源js庫的ExtJs開始推出基于javascript+CSS3+HTML5的移動(dòng)設(shè)備應(yīng)用框架Sencha無疑是最為振奮人心。Sencha 是由 ExtJS、jQTouch 以及 Raphael 三個(gè)項(xiàng)目合并而成的一個(gè)開源項(xiàng)目，此舉是ExtJS為了應(yīng)對HTML5等新趨勢，加強(qiáng)豐富圖形和觸摸屏功能的重要舉措。