四、開發實例分析
由上文所述得知,基於HTML5及PhoneGap技術的移動客戶端跨平台開發方案是現階段最易於推廣的方案,而這個方案的可行性和實際效果已經得到了驗証,我所在的北京郵電大學移動互聯網開放創新實驗室已經可以將此開發模式應用到了移動客戶端應用的開發中,測試成功並且不斷的進行著新的拓展。下面我們將會通過深入了解跨平台應用的開發過程來對移動客戶端跨平台開發進行更深一步的探討。
以開發的一款基於新浪微博的電子閱讀器為例。通過對某一個或幾個特定的微博在新浪微博上發布的信息進行處理,組織成可讀性極強的內容推送給手機用戶,相當於一本實時更新的電子雜志。為了實現需求,首先需要根據設計的功能編寫了一系列的后台程序,為前台設計的網頁界面提供數據。由於該應用是一個網頁應用,跟以往的網頁開發流程大體相似,因此在數據交互的方面上,可以節省很多時間與精力。
圖表10:開發流程示意圖
作為一個以手機平台為標准的網頁應用,開發的過程中必須要考慮了很多跟手機交互界面有關的元素。為了使用戶能夠快速尋找到自己感興趣的內容,需要設計了一個跟用戶使用習慣緊密結合的應用界面。雖然會涉及到各種跟手勢有關的操作問題,但是HTML5強大的功能最后保証了效果最終得以實現。在完成手機版本的應用之后,后台架構不需做出任何改變,隻需修改交互界面以適應更大屏幕的用戶習慣,適用於平板電腦的應用程序也可以快速開發出來。
當程序測試完畢后,通過結合PhoneGap和蘋果的開發工具Xcode, 順利地開發出了此應用的IOS版本。同樣的道理,也可以開發出Android及其他手機平台的版本,由於它是基於PhoneGap建立的應用程序,利用PhoneGap的跨平台性,開發者可以使用相同的HTML5代碼和對應平台的開放工具將應用程序手動部署到其他平台上。
五、結語
綜上所述,在移動應用開發領域,基於HTML5+PhoneGap的跨平台開發模式是現有開發模式中較為出色的一種,且已然成為新的開發潮流。由於手機多平台發展的趨勢,必然給手機客戶端信息平台的建立帶來更高的成本。所以採取這種跨平台的開發模式,會在最大程度上控制成本。手機客戶端及掌上信息平台的開發對於人民網的發展意義重大。但是如何在這個移動互聯網大發展的階段做到快速經濟而又不失特色的開發手機客戶端,手機客戶端跨平台拓展成本控制的成功應用於“歐盟在中國”給我們以啟發,或許這將目前解決跨平台手機應用開發的最佳模式。我們實驗室對這種跨平台開發模式進行了深入的研究和探索,並進行了實踐,取得了不錯的效果。希望我們有機會共同探索,為手機客戶端跨平台開發提供更好的成本控制解決方案。
六、 參考文獻
[1]《2010年上半年中國互聯網市場數據發布》 http://www.docin.com/p-396470351.html
[2]《2010年上半年中國互聯網市場數據發布》 http://www.docin.com/p-396470351.html
[3] 艾媒咨詢(iiMedia Research)市場監測數據 http://www.iimedia.com.cn/
[4] visionmobile http://www.visionmobile.com/
[5] 數據來源:W3i http://www.w3i.com/
[6] PhoneGap中國 http://www.phonegap.cn/
[7] Thomas Myer. Beginning PhoneGap[M].first edition. Cannda. John Wiley. 2012.
[8] Peter lubbers.Pro HTML5 Programming[M].first edition.New York.Paul Mamming.2010
![]() |