基于Native+html5移动应用框架探究.doc

基于Native+html5移动应用框架探究 　　摘 要：跨平台开发是移动应用软件开发的重要内容，目前移动应用软件跨平台开发多采用的PHONEGAP模式，存在着明显的缺陷。通过对PHONEGAP模式的研究对比，提出了基于Native+html5移动应用框架――MSKYGAP，融合了NATIVE模式和html5两种模式的优点，实现跨平台开发。 关键词：html5；跨平台；移动框架 中图分类号：TP311.52 随着3G时代的到来，无线数据通信技术的发展，越来越多的移动应用融入到了人们的日常出行中。移动信息技术将在未来航空业中扮演重要的角色。目前移动应用软件多采用NATIVE 模式。这种模式的优点在于用户体验好、响应速度快。同样缺点也比较明显，主要是更新不方便，跨平台的开发成本高。而html5方式，恰好可以弥补NATIVE模式的不足，当然也存在其缺点，如数据的加密、压缩和交互体验等。 1 国内外研究对比 目前国内外手机跨平台技术比较多，比较著名的是PHONEGAP。它借助于HTML+CSS+JAVASCRIPT技术，完成UI设计和与客户端的交互。针对ANDROID、winphone、IPHONE等主流的开发平台，PHONEGAP都提供了完整的架构。 PHONEGAP模式的优势就在于率先提出了手机应用开发的跨平台技术，实现WEB技术访问手机本地资源，对于传统互联网开发人员来说入门门槛低，同时很好地解决了在网页中调用手机设备接口的问题。但该技术同样也有其缺陷性，其缺陷性主要体现在： （1）该技术基于开放的思想，所有代码都采用WEB模式，大部分逻辑和展示都在客户端，对产品的知识产权保护有限。 （2）该技术在设计中并未考虑到手机网络流量问题。 （3）该技术采用纯WEB模式，在显示效果和用户体验方面有所欠缺，无法满足高质量的用户体验需求。 2 MSKYGAP框架设计和研究 为了很好地实现手机跨平台开发的同时，弥补PHONEGAP模式的不足，本文融合NATIVE模式和html5两种模式的优点，设计了MSKYGAP框架，以解决移动应用显示界面与手机本身的耦合问题。该框架实现了手机应用的跨平台，数据的有效通信和服务端资源访问手机本地功能，形成初步的移动开发技术框架和规范。 MSKYGAP框架包含主要功能： （1）基础库（节点操作、触摸事件等） 基础库主要包含控件库（事件调度、缓存、ajax引擎、模板引擎等）和移动库（通知、文件处理、地理位置等），它支持低带宽和多类型数据处理、通信的完整性和数据加密、不稳定网络的异步消息传递、本地数据的缓存机制等。 （2）客户端和html5应用相结合 MSKYGAP可以理解为由webkit引擎和html5组成，将纯客户端分解成两部分，一部分专注基础引擎的开发，另一部分专注应用开发。应用部分进行分类，对于易变动的部分，与服务器的交互采用web开发常用的dwr操作数据的方式，这样方便了web开发人员平滑的过渡到手机客户端的开发，同时充分发挥浏览器调试工具的作用。手机客户端与用户粘合度高，但是更新比较繁琐，需要用户重新下载客户端。针对复杂的业务，UI的产生由服务器端完成，目前UI主要采用类WEB页面的方式进行展示。针对简单的、更新不频繁的应用，UI直接在客户端生成。对于类WEB页面，MSKYGAP在HTML5标签的基础上，扩展WEB标签，以适应手机客户端需要，实现其与手机客户端的交互。 （3）客户端数据的缓存 考虑到移动设备流量的宝贵性及离线的可访问性，产品将用户访问的数据缓存于本地，用户在使用过产品后，后续的使用均默认从缓存获取数据，只有当用户显式的刷新时才会从服务器重新获取数据。 在MSKYGAP客户端中集成了Local Storage 的缓存处理，并且针对本地存储做了两点优化： 首先对每个要存储的数据增加脏数据标志位的判断。解决在实践中遇到Local Storage的删除操作完成后，缓存数据并未真正删除的问题。 其次在本地存储的基础上增加对象内存缓存，提高了读取数据的性能。 （4）数据传输的加密机制 移动通信的特点是在传输的过程中，数据容易被截获，MSKYGAP框架实现了数据交互过程中，对请求数据进行加密处理，加密采用DES对称加密算法。用于数据加密的密码保存于手机客户端，为了提高安全性，我们对密码采用定期更新的方式，通过客户端定期从服务器端获取密码，保证密码的实时更新。 （5）实现跨平台的XMPP协议消息及时通知 MSKYGAP框架基于XMPP（可扩展消息处理现场协议）协议标准，实现服务端和客户端相互通知及不稳定网络的异步消息的推送。XMPP用于IM（即时消息）以及在线现