移动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）.

[责任编辑：杨玉洁]