移動WEB開發技術在商務網站建設中應用淺析

鄭久虎

【摘 要】隨著電子商務和移動終端設備的普及，移動商務網站建設越來越受到重視，而基于HTML5的移動WEB開發技術將成為移動商務網站開發的趨勢。本文從移動WEB開發和原生開發技術比較、HTML5的特點及開發模型平臺等方面進行了論述，并對基于HTML5的移動WEB技術在商務網站開發的前景進行了展望。

【關鍵詞】移動WEB技術；商務網站；建設

0 引言

隨著3G、WiFi等無線通信技術的應用，移動通信得到了廣泛應用。智能手機、平板電腦等移動終端設備在人們生活中的日益普及，特別是智能手機更成為人們隨身攜帶的必需品。移動通信帶寬的大幅度提高帶動了移動通信應用領域的不斷擴展。隨著應用要求的不斷提高，傳統的服務已經不能滿足用戶多元化的需求，人們希望隨時隨地訪問互聯網，從中獲取豐富的信息和服務。移動互聯網實現了傳統Web 和移動通信的融合，加入了移動性、位置可確定性、終端個人化等特點，使其成為產業界備受關注的領域，同時也面臨著了許多新的挑戰。

電子商務近幾年有了很大發展，深入了我們的生活，既使我們購物更加快捷方便，也使網商成為了一個職業。電子商務成為了一個舉足輕重的商業模式，不僅有阿里集團、京東商城等著名電商的繁榮發展，就象蘇寧、國美等傳統商業企業也紛紛大力發展其電子商務。據中國行業研究網2013年研究報告顯示[1]，中國電子商務市場2012年交易規模達7.85萬億元，僅阿里集團的銷售規模就突破1萬億，全國電商交易額占社會消費品零售總額的比重將突破5%。隨著無線通信的廣泛使用，移動電子商務也成為電子商務一個重要的分支。移動電子商務更具有開放性，可以無處不在，隨時隨地進行，而用潛在用戶規模大[2]。

1 移動商務網站應用模式

隨著移動電子商務的不斷發展，移動電子商務網站建設需求越來越大。移動應用程序主要有兩種模式： 原生應用和移動Web 應用[3]。原生應用，就是編寫手機操作系統支持的應用軟件（如：iPhone iOS 系統的應用軟件，Google 的 Android 系統的應用軟件等），然后在手機上安裝相應的應用軟件；移動 WEB 應用，編寫移動WEB應用程序，部署在WEB服務器上，通過支持JavaScript、 CSS3、HTML5標準的內核瀏覽器訪問服務器上的移動WEB 應用程序。

原生應用只是針對某一特定的手機操作系統，調用其內置的API，開發比較方便快捷，但也有很大局限性，不同的手機操作系統要開發不同的應用軟件。根據IDC市場研究公司2013年一季度智能型手機操作系統排行榜顯示：銷售量在100萬部以上的手機操作系統有：Andriod、iOS、Black Berry、Windows Phone、Bada和Symaian等，如果針對每種智能手機操作系統都編寫應用軟件，開發和維護成本較高。如淘寶網的手機客戶端就有買家、賣家和網上支付等，另外還要有Andriod、iOS、Black Berry等平臺的多種版本。

移動WEB應用軟件，利用瀏覽器和HTML5、JavaScript等技術，提供跨平臺、通用的解決方案。一次編程，可以滿足手機和平板電腦的移動站點應用，支持Android、iOS等各種主流平臺。移動WEB不需要針對每一種手機操作系統開發相應的應用軟件，用戶更不用安裝客戶端應用程序，系統維護只要在服務器端進行。隨著4G 時代的到來和和免費Wi-Fi的不斷推出，移動互聯網將得到了快速的發展，越來越多的人利用移動終端設備方便快捷地訪問網絡，獲取需要的服務和信息。隨著4G網的推出，智能手機性能的提高，移動WEB將會越來越廣泛的應用，真正做到隨時隨地訪問互聯網，在移動互聯網上娛樂、購物、辦公。

隨著手機和平板電腦普及，傳統網站和電子商務網站因市場需求逐漸向移動WEB應用轉移。而傳統網站在終端不能完全適應需要，需要開發移動WEB網站。移動設備、移動終端操作系統和移動用戶都具有的獨特性，要求采用不同于傳統WEB開發方法進行移動商務網站開發。

傳統Web程序部署在WEB服務器上，通過超文本傳輸協議（HTTP）實現文檔和文件的共享。通過統一資源標識符（URI）來訪問WEB服務器上的文本文件、標記文檔和二進制資源。而移動WEB在傳統WEB程序的基礎上添加了新的數據類型、標記語言、文檔格式，以解決移動設備的資源受限、屏幕尺寸小需要優化WEB內容，移動WEB瀏覽器可用性差等問題，用戶可直接通過移動終端的瀏覽器訪問，不用安裝任何軟件。

開發一個能滿足主流的移動平臺的移動WEB應用系統，可采用基于模型的開發方法，模型與平臺無關，可以解決平臺之間移植復用、設計標準和編碼規范問題，也支持原型開發，便于用戶理解系統[4]。

2 基于HTML5移動應用模型

HTML5是HTML新的版本，基于HTML5系列標準的應用憑借其良好的跨平臺性，能很好地解決目前原生程序要為不同操作系統開發相應的應用程序的問題，將為移動互聯網產業帶來快速發展，引導移動WEB產業快速發展。將HTML5的技術優勢廣泛地運用于移動互聯網中，基于HTML5的跨平臺特性，面向越來越豐富的智能終端提供移動Web應用，是加速HTML5應用成熟、引導互聯網應用產業良性發展的捷徑[5]。HTML5的優勢在于跨平臺、可滿足不同分辨率顯示設備、系統維護比較方便等，它可支持同時支持PC機和移動設備的瀏覽器示。HTML5對網頁的視覺功能進行了擴展，讓Web應用進入無插件時代，在移動終端用戶不需要下載客戶端就能夠觀看視頻、玩游戲，操作更加簡單。HTML5的視音頻新技術解決了蘋果iOS和安卓系統對flash的支持問題，視頻性能表現比flash要更好。HTML5網頁不僅加強了網頁的視覺效果，甚至能夠看到三維立體特效。HTML5新增的標簽，使搜索引擎抓取和索引網頁更為方便，從而網站獲得更多的訪問量。

常用HTML5移動應用框架開發平臺包括：jQuery Mobile、jQTouch、Sencha Touch和TitaniumMobile等。jQuery Mobile是jQuery 在智能手機和平板電腦等移動設備上的版本，是一個被最廣泛使用的基于HTML5的移動WEB開發模型。具有易于掌握、支持快速迭代、支持跨平臺和能滿足多種移動設備開發等優點，已成為移動WEB 開發中主流框架模型。jQuery Mobile能很好地支持各種主流移動平臺，提供了一個統一的jQuery移動UI框架，開發出的移動WEB程序可在不同移動平臺的瀏覽器上運行，讓開發人員能夠較輕松地開發出移動WEB網站。掌握JQuery Mobile頁面、對話框、工具欄、按鈕、內容格式化、表單元素、列表、API 等主要內容后，可以快速制作出實用且漂亮的移動 WEB 頁面[6]。

3 移動商務網站開發的展望

目前移動設備日益普及、功能的不斷提高，隨著2014年中國全面進入4G時代，移動商務會進入全面發展的階段，移動商務網站建設必將進入大發展階段，傳統的移動平臺客戶端的原生應用程序的形式越來越不能滿足需要，跨平臺、能適應多種設備操作系統、瀏覽器的移動WEB商務網站的形式才是發展方向。采用基于HTML5的JQuery Mobile模型框架跨瀏覽器兼容性較好，易于學習，但也存在一些問題。移動WEB應用程序僅能有限制地訪問底層數據和硬件，還不能充分發揮硬件的功能，軟件性能、運行效率和用戶交互界面不能與原生應用程序相比。而且，移動WEB程序需要網絡連接，這對公共Wi-Fi還沒不普及并且無線網費昂貴的中國用戶來說，也是個不小的障礙。移動WEB應用程序目前由于諸多因素還不是主流，開發人員缺乏，可借鑒的大型移動WEB成功經驗還比較少，但隨著移動WEB技術不斷完善，移動設備的硬件性能不斷提高，移動WEB開發（下轉第96頁）（上接第90頁）技術必然成為移動商務網站開發的首選。

【參考文獻】

[1]2013年電子商務推動經濟發展狀況探析[OL].中研普華，http：//www.chinairn.com/news/20130327/183717815.html.

[2]王靚，羅曉東，編.電子商務應用基礎[M].南京大學出版社，2011，5：236.

[3]張永生.HTML5技術構建移動應用的思考[J].福建電腦，2012（7）.

[4]李坤，鄧波.移動WEB應用程序開發研究[J].考試周刊，2010（10）.

[5]張成巖，吳靜，仇劍書，嚴斌峰.基于HTML5的移動Web應用淺析[J].信息通信技術，2013（4）.

[6]徐尤華，熊傳玉.JQuery Mobile 1.2 移動 Web 開發方法研究[J].信息技術，2013（8）.

[責任編輯：楊玉潔]