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

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的移植功能进行广泛宣传，在成功吸引用户后，利用购买附加服务，如游戏道具等来获得收益。另一方面，利用手机话费进行快速支付逐渐成为各大运营商盈利