HTML5 Web技术下的APP快速开发分析

黄海玲

摘 要：互联网的迅速发展和普及，带动了智能手机、平板等移动设备走向了更广泛的市场，在日常生活和工作中占据着越来越重要的作用。与此同时，APP的开发与应用也成为开发人员的一项核心工作。文章从HTML5 Web技术的新特性、优势出发，分析阐述了基于HTML5 Web技术下的APP快速开发，并以“云端”APP为案例简单阐述了HTML5 Web技术的运用，希望可以为开发人员提供一些经验的参考。

关键词：HTML5 Web技术；APP快速开发

互联网的发展为智能移动设备的发展及广泛应用创造了有利环境，互联网的可移动性，让移动应用的开发成为近两年来最为炙手可热的行业。也正是由于互联网的可移动性，让移动应用的种类有了更为全新和明显的特点。目前，移动操作系统也呈现出多元化，如IOS，Android，Windows等。这样一来，要想实现APP的快速开发，就必须依赖于一种高效通用的技术。HTML5技术的多种新特性和跨平台特点正迎合了移动平台多样性的需要，使快速开发各种移动APP成为现实，对互联网的发展和移动APP的推陈出新起到了极大的推动作用。移动APP作为移动设备的主角，直接影响到投资商、网络供应商等各个层面。由于其覆盖面广、简便快捷等优势，移动APP受到了个人及商业用户的广泛青睐和追捧，如何实现App的快速开发成为开发人员成为一个关键问题。

1 HTML5技术的新特性

（1）为移动平台定制的表单元素：现代移动设备一个最为明显的特点就是触摸屏，与传统按键输入方式一个本质的不同是，它采用虚拟键盘输入数据。这就必须考虑到屏幕面积的限制，因此为获得更为方便舒适的体验，就要合理布局虚拟键盘的按键。例如：在输入不同内容时显示相对应的键盘，既能将虚拟键盘的现实面积降到最少，还可以提高用户的输入效率。（2）Canvas绘图：动画、图像等的动态产出及渲染效果，可以说是智能设备的一个标志性特征。传统的Flash插件在移动设备上表现出的低效性和不稳定性显然是不能满足用户需求的。而新的Canvas API很好地为这一问题作出了解答，开发人员可以彻底摆脱Flash 插件而直接选择Java Script来针对用户需求实时渲染图形。（3）音频和视频：处理移动设备上的音频和视频是一个关键问题，HTML5为开发者提供了一套通用的、集成的、脚本式的处理音频与视频的API，且不需要插件，极大程度上简化和统一了不同素材音频和视频的处理，摆脱了原生应用的不便性和低效行。（4）地理定位：HTML5的地理定位API综合利用了GPS，IP地址、WiFi热点等方式，极大地提高了定位的灵活性和准确性，成功克服只用GPS定位和基站定位的缺陷。（5）本地存储：虽然互联网的应用日益广泛，但受到天气、地理位置等众多因素的干扰，仍然会遇到网络信号不好的情况，对使用造成限制。HTML5 Web Storage API提供了保证离线可用性的解决办法，它不仅摆脱了如Cookies的对容量大小的制约，用法也更加灵活。（6）Web Workers：Java Script多线程编程的成功实现可以说得上是HTML5技术的一个最为明显的进步，它的出现无疑给了一些在浏览器上不能实现的应用以翻身的契机。而Web Workers的最主要作用也就是赋予浏览器运行Java Script的一种标准的方式。在运用Web Workers时，用户所运行的线程数量是并没有太严格的制约，也就是说，用户在同一时间内运行的多个线程也是允许的，用户在某一网页上输入或是移动时，这些背景线程就同时进行着复杂的数学计算，然后生成网络请求或者访问本地存储。

2 HTML5具有的巨大优势

（1）“一次开发，多平台使用”是对HTML5快速开发应用的最准确概括。开发者无需在修改移植上多花时间，极大地提高了效率，在应用的维护上，也只需要将重点集中在一个版本上，因此表现出明显的优势。对于用户而言，这种应用开发的模式也让APP的更新更加快捷简单，而不需要太多的人力投入。（2）HTML5使固定端与移动端的连接成为可能，它们不再只是2个单独的个体，这使得资源和数据得以更好地共享与传递。（3）丰富了应用发布的渠道和方式，在这之前，一个APP要想上架必须经历一个严格又漫长的审核过程，并且很可能被数以万计的应用所埋没。而如今，应用发布和推广可以有多种渠道，如各种社交平台、贴吧等。（4）丰富了盈利的模式和方法，如建立并发展自己的应用平台。一方面，APP开发者，尤其是游戏类APP的开发者，通过与社交平台建立合作伙伴关系，在平台上推出相关应用，利用HTML5的移植功能进行广泛宣传，在成功吸引用户后，利用购买附加服务，如游戏道具等来获得收益。另一方面，利用手机话费进行快速支付逐渐成为各大运营商盈利的手段之一。特别是对于一些支付手段还比较落后的市场，这种第三方支付的方式与市场需求更加相符。

3 基于HTML5Web技术APP快速开发

与Native App相比，Web App开发具有诸多优势。首先，APP开发成本较低。只要合理使用网络开发技术，应用程序的开发就并不难，轻而易举就可以完成。再者，APP升级的过程得到极大简化。升级的过程是智能完成的，甚至可以不必通知用户，服务器可以更新文件，在这一过程中用户并没有感觉；最后，从根本上来说，它就是一个站点，所以维护的过程也并不复杂，就如同一般的网页。

也正是网络的灵活性，吸引着众多的应用开发公司将未来发展的目光投向网络。两者具备在网络上完成任务的优势，并且在离线的情况下也不耽误任务的进度。在HTML5的支持下，离线应用已经成为现实，这主要是由于它的应用缓存和客户端存储（如本地存储、索引数据库）等性能。在开发中，这项技术的实现需要依赖3种功能：（1）离线资源缓存：HTML5通过Cache Manifest缓存清单指明Web App在离线工作时所需的资源文件，并支持自动和手动2种缓存更新方式。（2）在线状态检测：HTML5提供了Navigator.online属性值判断和Online/Offline事件监控2种检测方式。（3）本地数据存储：HTML5提供Web Storage和Web SQL Database2种存储机制：Web Storage是在客户端以key-value形式保存数据的功能，类似于HTML4中的Cookie，但安全性更好；Web SQL Database是HTML5追加的新功能，它允许用户在客户端通过Java Script操作数据库。

4 HTML5 Web 技术应用：“云端”APP办公软件开发

“云端”APP是以“高质量的文件社交体验”为目标的，其范围包括我国高校及各事业单位。它的各项功能通过ajax来实现前后台数据的交互。采用H5+CSS3+JS编写的前端，用java编写的本地端，采用JS Ajax+PHP+网+节点服务器，由彼此的终点联通。

（1）云端保存文件：云端APP针对的对象大部分为学生以及企业人员，工作流程可以概括为：首先，用户要在移动端下载该APP，并申请注册账号，然后在注册成功后，就可以将文件上传至网盘中了，操作过程并不复杂。（2）用户资源的共享：用户在使用云端APP时需要注意的是，用户所上传文件的默认状态是公开的，也就是说，一旦文件内容触犯他人隐私或违反了相关法律条文，上传者极有可能承担相应的法律责任。所以为了避免此类事件的发展，用户一定要做好文件的审查工作。（3）用户间在线交流：为了方便相互之间的交流，“云端”APP还设置了类似社交软件的互加好友、在线交流等功能，为用户间的交流提供快速通道。（4）APP实现： HTML5+CSS3，Java Script，Java、Ajax，PHP，.Net、Node JS等语言实现。（5）APP难点：网络与设备的相互连接；云文件数据库；文件目录结构的分析；不同类型文件的查看。（6）APP特色：用户可随时共享文件、对文件进行审查或评论、选择自己所需要的高质量文件；云端APP使用Web+Java+Ajax完成，这种混合型APP具有成本低廉，同步操作性强，与其他各平台能较好兼容等诸多优势，因此开发者也不需要再不同类型的平台再开发使用界面，且更新及维护的过程简单，大大提高了开发的效率。另外，这种混合型的APP在出现错误时，开发者也能及时发现并进行修改和更新。

5 HTML5 Web技术的发展趋势

随着网络信息化时代的快速发展，HTML5Web技术发展的越来越快，由早期的Wap1.0，Wap2.0模式逐渐转向了HTML5 Web技术，经过了一个漫长的研究开发过程，但是，互联网应用更新换代越来越快，以后HTML5 Web技术必将克服开发周期长、难度大的困境，丰富平台内容，改良交互式体验方式，实现离线访问，实现真正意义上的一次开发、多平台使用，提高软件的实用性。把单一的建设主体向多元化转变，结构层次更加复杂，服务内容涵盖全面，创新各种应用类型，提高APP系统的安全性，实现跨平台访问。大幅度降低HTML5 Web技术开发的难度，用户使用界面更加丰富，提高了操作效率。但是随着技术的进步，各项后台服务的压力也会增大，功能的增加促进了网络信息化交流技术的增长。要想提高HTML5 Web技术，还需要投入大量的人力物力。

6 结语

HTML5的出现给软件的开发带来了全新的变革，尤其在移动APP的快速开发中，HTML5 Web技术对各种操作平台都将产生深远的影响。随着时代的进步和网络技术的发展，一股重大的网络变革正在酝酿，并将在不久的将来向我们席卷而来，只有顺应时代的发展，不断进步，积极创新，才能跟上时代发展的主流。在互联网高度发达的今天，人们对智能设备的使用需求越来越高。而移动APP作为主角，尤其承担起满足广大用户，特别是年轻用户对全媒体的强烈需求的任务。如何在新技术的支持下，开发出富有创意的应用软件，提供更为人性化的服务，是一项需要共同实践的工作。

[参考文献]

[1]王庆.基于HTML5的移动Web技术[J].软件导刊，2013（12）：89-90.

[2]谢强，牛现云，赵娜.移动数字图书馆服务体系研究[J].图书情报工作，2013（4）：6-10.

[3]彭涛，杨炼.基于移动浏览器的HTML5核心技术的研究及其应用[J].广东通信技术，2012（4）：47-50.

Analysis on APP Rapid Development under Web HTML5 Technology

Huang Hailing

（Guangxi Yinghua International Career Academy， Qinzhou 535000， China）

Abstract： The rapid development and popularization of the Internet， to promote the smart phone， tablet and other mobile devices into a broader market， in the daily life and work to occupy a more and more important role. At the same time， the development and application of APP has also become a core work of developers. The from the HTML5 Web technology， the new characteristic， the advantage of analysis on the rapid development of technology of HTML5 Web app based on， and in the "cloud" app case simple explains the use of HTML5 Web technology， hope to provide some empirical reference for developers.

Key words： Web APP technology； HTML5 rapid development