移動應(yīng)用框架技術(shù)探析

張居彥

摘 要 該文針對目前比較流行的HTML5移動應(yīng)用框架進(jìn)行了闡述，分別介紹了PhoneGap、Sencha Touch、jQuery Mobile、Titanium Mobile等四種常用的框架特點(diǎn)及運(yùn)用。

關(guān)鍵詞 HTML5 移動應(yīng)用框架 PhoneGap 跨平臺

中圖分類號：TP311 文獻(xiàn)標(biāo)識碼：A

目前，隨著Google的Android手機(jī)和蘋果的iphone手機(jī)的逐漸普及，越來越多開發(fā)者加入到移動應(yīng)用開發(fā)的大軍當(dāng)中。其中，Android應(yīng)用是基于Java語言基礎(chǔ)上進(jìn)行開發(fā)的，而蘋果公司的iphone則是基于C語言開發(fā)的。它們幾乎無法融合，就算是都采用 Java 接口的 Android 和 BlackBerry，它們的 API 接口也不一樣，如果想開發(fā)一套原生的應(yīng)用，必須在每個平臺調(diào)用各自的原生 API。

為了解決上述問題，跨平臺的移動應(yīng)用開發(fā)技術(shù)逐漸地引起了開發(fā)者的關(guān)注。隨著人們對跨平臺應(yīng)用開發(fā)研究的不斷深入，當(dāng)前市場上已出現(xiàn)了若干致力于跨平臺開發(fā)的產(chǎn)品級框架。為了更好地了解當(dāng)前的跨平臺開發(fā)框架技術(shù)，本文介紹當(dāng)下發(fā)展較為成熟的四款開發(fā)框架：

1 PhoneGap

PhoneGap是一款開源的手機(jī)應(yīng)用開發(fā)平臺，它僅僅只用HTML和JavaScript語言就可以制作出能在多個移動設(shè)備上運(yùn)行的應(yīng)用。PhoneGap將移動設(shè)備本身提供的復(fù)雜的API進(jìn)行了抽象和簡化，提供了一系列豐富的API供開發(fā)者調(diào)用，只要你會HTML和Javascript或者Java語言，就可以利用PhoneGap提供的API去調(diào)用各種功能，PhoneGap就能讓你可以制作出在各種手機(jī)平臺上運(yùn)行的應(yīng)用，這對移動應(yīng)用開發(fā)者來說無疑是個福音。目前，PhoneGap已實(shí)現(xiàn)對iPhone/ipad、Android、Symbian、Palm、黑莓各版本絕大部分功能的支持。

PhoneGap可以將基于標(biāo)準(zhǔn) HTML、CSS和Javascript 打造的頁面視圖封裝為本地客戶端應(yīng)用，目前支持多種移動平臺。在數(shù)據(jù)資源傳輸方面，可以采用普通 WebApp 所使用的 Ajax等方式。PhoneGap 在頁面視圖與本地應(yīng)用之間提供了一個橋梁，允許開發(fā)者通過 JavaScript 訪問并使用移動設(shè)備的硬件功能，比如攝像頭、聯(lián)系人信息、麥克風(fēng)等；這是單純依靠移動瀏覽器運(yùn)行的 WebApp 類應(yīng)用所無法實(shí)現(xiàn)的。

2 Titanium

Appcelerator公司的Titanium Mobile可以讓您使用Javascript API來編寫app。不過Titanium把你的代碼編譯成Native的iPhone或Android app，這意味著它并不是一個真正的Web框架，而是一個兼容層或者編譯器。

Titanium允許web開發(fā)人員使用JavaScript和一點(diǎn)點(diǎn)XML之類的其他相關(guān)技術(shù)，可以實(shí)現(xiàn)高性能、更換皮膚很方便的Native App，而不需要額外去學(xué)習(xí)Objective C或者Cocoa Touch等技術(shù)了。

Titanium Mobile 可以直接將 JavaScript 編譯為ios 或 Android 平臺的本地應(yīng)用代碼。開發(fā)者們經(jīng)常將它與 PhoneGap 做比較，其實(shí)它們的機(jī)制是截然不同的。在 Titanium 中，開發(fā)者需要按照它規(guī)定的語法書寫應(yīng)用代碼，而無法使用原生 Javascript。對于資深Javascript 開發(fā)者來說，這種方式不會帶來很大困難，而新手則需要學(xué)習(xí)和適應(yīng)。由于沒有標(biāo)準(zhǔn)的 Javascript 支持，造成開發(fā)基于 Titanium Mobile 的移動應(yīng)用，需要額外的學(xué)習(xí)新的腳本。

3 Sencha Touch

Sencha，翻譯意為“煎茶”，是指一種在日本很流行的綠茶品種，在Java開發(fā)的傳統(tǒng)中，它代表了軟件開發(fā)的一個新的水平階段。目前Sencha Touch已經(jīng)成為構(gòu)建移動HTML5應(yīng)用的領(lǐng)先框架。Sencha Touch是一個基于HTML5的移動應(yīng)用開發(fā)框架，其前身是Ext。使用Sencha Touch，開發(fā)者可以構(gòu)建在iPhone、Android和BlackBerry touch等設(shè)備上運(yùn)行的移動web應(yīng)用，其效果看起來如同本地應(yīng)用。Sencha Touch是專門為移動設(shè)備開發(fā)應(yīng)用的Javascript框架，全面兼容Android和Apple ios。用戶界面組件及數(shù)據(jù)管理全部基于HTML5和CSS3，通過Sencha Touch你可以創(chuàng)建非常像native app的web app。Sencha是目前為止所發(fā)現(xiàn)的最強(qiáng)大的應(yīng)用于移動平臺的框架。它將自己定位為框架不是類庫，也充分說明了這一點(diǎn)。隨著它的出現(xiàn)，移動平臺的移動應(yīng)用用戶體驗(yàn)設(shè)計(jì)會得到提升，對HTML5、CSS3在移動平臺上的運(yùn)用及推廣也起到一定的作用，甚至是推進(jìn)作用。HTML5技術(shù)雖然還在發(fā)展與完善當(dāng)中，但未來的移動平臺的應(yīng)用，將會將其納入其中，Native App會慢慢淡出人們的視線，甚至是終結(jié)。該框架最大的特色就像它的名字一樣，增強(qiáng)了對手持移動設(shè)備觸控操作的強(qiáng)力支持，除了支持瀏覽器標(biāo)準(zhǔn)的觸摸事件，還額外添加了如tap， double tap， swipe， tap-hold， pinch 和rotate 等富有吸引力的操作事件，使用戶體驗(yàn)到與原生程序一樣的效果。

4 jQuery Mobile

jQuery一直以來都是為桌面瀏覽器設(shè)計(jì)的，是非常流行的富客戶端及Web應(yīng)用程序開發(fā)中使用的JavaScript類庫，沒有特別為移動應(yīng)用程序設(shè)計(jì)。jQuery Mobile是一個新的項(xiàng)目用來填補(bǔ)在移動設(shè)備應(yīng)用上的缺憾。它在jQuery框架的基礎(chǔ)上，提供了一定范圍的用戶接口和特性，開發(fā)人員可以在移動應(yīng)用上使用。使用該框架可以節(jié)省大量的js代碼開發(fā)時間。

jQuery Mobile 是jQuery 在手機(jī)上和平板設(shè)備上的版本。jQuery Mobile 不僅會給主流移動平臺帶來jQuery核心庫，而且擁有完整統(tǒng)一的jQuery移動UI框架。支持全球主流的移動平臺。JQuery mobile構(gòu)建于JQuery以及JQuery UI類庫之上，為前端開發(fā)人員提供了一個兼容所有主流移動設(shè)備平臺的統(tǒng)一UI接口系統(tǒng)。擁有出色伸縮性，輕量化以及漸進(jìn)增強(qiáng)特性與可訪問性。JQuery mobile針對的是所有的觸摸屏幕設(shè)備與平板電腦。它為移動Web網(wǎng)站的構(gòu)建提供了一系列布局工具，如工具欄、導(dǎo)航，及UI組件，如列表和標(biāo)簽組件等，內(nèi)置了6套不同樣式的CSS主題框架，可以組合應(yīng)用于移動web。

jQuery Mobile可以輕松地幫助我們實(shí)現(xiàn)非常好看的，可跨設(shè)備的Web應(yīng)用程序，jQuery Mobile開發(fā)的Web應(yīng)用像Native App，其中包含了Web應(yīng)用中的各種常用部件，如對話框、表單、列表、按鈕、工具條等，jQuery Mobile使用Ajax加載頁面，實(shí)現(xiàn)炫麗的頁面切換效果

5 總結(jié)

跨平臺的移動應(yīng)用開發(fā)框架均著眼于解決不同平臺之間應(yīng)用開發(fā)的兼容性問題，因而討論某一框架的優(yōu)劣，不應(yīng)拿諸如使用該框架 是否能開發(fā)出 3D 游戲這樣的標(biāo)準(zhǔn)來對其進(jìn)行考量。通過上文的比較，筆者認(rèn)為開源框架 PhoneGap 的優(yōu)勢更為均衡，具有更好的發(fā)展前景。

參考文獻(xiàn)

[1] phonegap.http：//www.phonegap.cn，2011.

[2] Peter Lubbers（李杰）. HTML5 高級程序設(shè)計(jì).北京：人民郵電出版社，2010，5-15.

[3] GiulioBai.JQuery Mobile First Look.UK：Packt Publishing，2011，9-16.

[4] Jon Reid.JqueryMobile.USA：O'Reilly Media，2011，9-22.