CN103309660A - 移动应用跨平台开发方法 - Google Patents

Abstract

本发明公开了一种移动应用跨平台开发方法，该方法主要包括：移动应用根据不同的操作产生相对应的不同特性的调用指令；根据所产生的所述不同特性的调用指令，对于基础DHTML直接调用移动终端本地的webkit进行解析；对于webkit不能解析的DHTML，通过DHTML控件调用完成；对于带有native特性的操作，先将调用指令按照JavaScript通信框架定义的消息规范化后，通过webkit调用Native插件完成；完成移动应用的所有调用。本发明以解决现有技术中跨平台开发解决方案不能完善地使移动应用全面跨平台的问题。

Description

移动应用跨平台开发方法

技术领域

本发明涉及移动应用开发领域，具体地说，是涉及一种移动应用跨平台开发方法。

背景技术

随着移动互联网产业的飞速发展，产生了多种应用于移动终端的平台，目前主流平台有Symbian、IOS、Android以及WinPhone。借此，移动应用开发的需求也越来越多，但对于开发者来讲，一款应用软件要支持所有平台，则必须要掌握多种开发语言，从而开发工作量也几乎成倍增长。

在现有技术中，为了进一步简化移动应用的开发编译过程，跨平台开发解决方案成为了大家关注的热点。一些开发者使用动态脚本、中间件以及建立虚拟机等方式实现跨平台；很多公司也推出了自己的商业解决方案，如Adobe公司的“AIR for Android”，使Flash为Android平台开发本地应用成为可能；Nitobi公司推出开源的移动应用解决方案PhoneGap，可实现仅通过html、JavaScript或Java语言就能制作出在各移动终端平台上运行的移动应用。

但是，上述现有技术并不能完善地实现移动应用的全面跨平台，开发者往往也是有机的选择几种跨平台技术，覆盖自己所关注的平台。以目前比较流行的phonegap框架为例，在某些平台上存在以下问题：运行速度较慢，经常出现页面加载延迟的情况；缺少对页面导航及切换的支持，包括页面导航历史栈、页面切换预加载、页面切换动画等；缺少对本地UI（User Interface，用户界面）控件的实现等；难以调试。

因此，如何解决现有技术中跨平台开发解决方案不能完善地使移动应用全面跨平台，便成为亟待解决的技术问题。

发明内容

本发明所要解决的技术问题是提供一种移动应用跨平台开发方法，以解决现有技术中跨平台开发解决方案不能完善地使移动应用全面跨平台的问题。

为解决上述技术问题，本发明提供了一种移动应用跨平台开发方法，其特征在于，包括：

移动应用根据不同的操作产生相对应的不同特性的调用指令；

然后根据所产生的所述不同特性的调用指令完成所述移动应用的调用；其中，对于DHTML直接调用移动终端本地的webkit进行解析完成调用；对于webkit不能解析的DHTML，通过DHTML控件完成调用；对于带有native特性的操作，先将调用指令按照JavaScript通信框架定义的消息规范化后，通过webkit调用Native插件。

优选地，其中，所述不同特性的调用指令，进一步包括：针对基础DHTML的调用指令、针对DHTML控件的调用指令以及针对带有native特性操作的调用指令。

优选地，其中，所述对于带有native特性的操作，还包括：在将调用指令按照JavaScript通信框架定义的消息规范化后，通过JavaScript模拟器完成调用。

优选地，其中，所述通过JavaScript模拟器完成调用，进一步为通过JavaScript脚本实现JavaScript通信框架规范所定义的各种消息调用。

优选地，其中，所述通过DHTML控件完成调用，进一步为通过具有跨平台支持的DHTML控件进行DHTML窗体历史栈、窗体切换预加载以及窗体切换动画的调用。

优选地，其中，所述将调用指令按照JavaScript通信框架定义的消息规范化，进一步为将所述调用指令的参数在与移动终端本地传输时以字符串格式的序列号传输，并在传送至页面或移动终端本地时，反序列化成JSON对象。

优选地，其中，所述通过webkit调用Native插件，进一步为所述Native插件将接收到的消息反序列化成JSON对象，传递给对应的插件进行处理，处理结果以格式为字符串的序列号进行传输至所述webkit。

与现有技术相比，本发明所述的一种移动应用跨平台开发方法，达到了如下效果：

1）本发明采用DHTML（Dynamic Hypertext Markup Language，动态超文本标记语言）技术开发跨平台移动应用，有效实现了移动应用全面跨平台。

2）本发明实现了轻量级UI框架，有效提高了运行速度，避免了页面加载延迟的情况。

3）本发明支持对页面导航及切换，包括页面导航历史栈、页面切换预加载、页面切换动画等，并借由移动终端本地平台实现对本地UI的控制及调用。

4）本发明采用与具体平台无关的消息通信，通过JavaScript语言（一种客户端脚本语言）即可模拟本地返回消息内容，方便调试，使用普通浏览器也可完成。

5）本发明开发的移动应用“小巧玲珑”，实现了用户升级快捷，同时大大降低了开发工作量，提高开发效率，提升用户体验。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1为本发明实施例所述的一种移动应用跨平台开发方法的流程示意框图。

具体实施方式

如在说明书及权利要求当中使用了某些词汇来指称特定组件。本领域技术人员应可理解，硬件制造商可能会用不同名词来称呼同一个组件。本说明书及权利要求并不以名称的差异来作为区分组件的方式，而是以组件在功能上的差异来作为区分的准则。如在通篇说明书及权利要求当中所提及的“包含”为一开放式用语，故应解释成“包含但不限定于”。“大致”是指在可接受的误差范围内，本领域技术人员能够在一定误差范围内解决所述技术问题，基本达到所述技术效果。此外，“耦接”一词在此包含任何直接及间接的电性耦接手段。因此，若文中描述一第一装置耦接于一第二装置，则代表所述第一装置可直接电性耦接于所述第二装置，或通过其他装置或耦接手段间接地电性耦接至所述第二装置。说明书后续描述为实施本发明的较佳实施方式，然所述描述乃以说明本发明的一般原则为目的，并非用以限定本发明的范围。本发明的保护范围当视所附权利要求所界定者为准。

以下结合附图对本发明作进一步详细说明，但不作为对本发明的限定。

如图1所示，是本发明实施例所述的一种移动应用跨平台开发方法流程。

步骤101，移动应用根据不同的操作产生相对应的不同特性的调用指令。

其中，所述不同特性的调用指令具体可以是针对基础DHTML的调用指令、针对DHTML控件的调用指令以及针对带有native特性（移动终端本地特性，如GPS定位、照相以及本地UI效果等）操作的调用指令。

步骤102，根据所产生的所述不同特性的调用指令完成所述移动应用的调用；其中，对于DHTML直接调用移动终端本地的webkit（搜索引擎基层框架）进行解析完成调用；对于webkit不能解析的DHTML，通过DHTML控件完成调用；对于带有native特性的操作，先将调用指令按照JavaScript通信框架定义的消息规范化后，通过webkit调用Native插件。

进一步地，所述步骤102中对于带有native特性的操作，在将调用指令按照JavaScript通信框架定义的消息规范化后，还包括通过JavaScript模拟器调用完成。其中，所述JavaScript模拟器是通过JavaScript脚本模拟移动终端本地特性，与native插件实现同样功能的接口。通过JavaScript模拟器还可实现在PC浏览器上进行调试。

进一步地，所述DHTML控件，具有跨平台支持，可以包括滑动窗体控件，能够实现DHTML窗体历史栈、窗体切换预加载以及窗体切换动画等。

进一步地，所述JavaScript通信框架，具有跨平台支持及DHTML页面与移动终端平台本地消息（调用指令和反馈消息）传递的双向交互接口。

其中，所述消息由类型和参数两部分构成，类型命名为多级，参数在与移动终端本地传输时以字符串格式的序列号传输，在传送至页面或移动终端本地时，反序列化成JSON（JavaScript Object Notation，轻量级的数据交换格式）对象。

需要说明的是，JSON就是JavaScript中的对象和数组，其中，

JSON对象在JavaScript中表示为用大括号“{}”扩起来的内容，其数据为键值对的结构，具体形式为：{key：value,key：value,...}，在面向对象的语言中，key为对象的属性，value为对应的属性值，并以“对象.key”的形式获取属性值，该属性值的类型可以是数字、字符串、数组或对象；

JSON数组在JavaScript中表示为用中括号“[]”扩起来的内容，其数据结构的具体形式为：["java","JavaScript","vb",...]，取值方式和所有语言中一样，使用索引获取，字段值的类型可以是数字、字符串、数组或对象。

所述消息具体可以为如下格式（在此假设对加速度传感器插件accl之间进行消息传送）：

对加速度传感器插件accl：

发送：

accl.get（此处便是“对象.key”的形式，发送至accl插件获取属性值）

返回：

{value:[float]}（数据为键值对的结构）

value取值为数组，长度是4，依次为x、矢量值y、矢量值z以及矢量值对应的标量值，单位为g。

发送：

accl.watch{enabled:boolean,threshold:float,sound:boolean}（向accl插件发送监视消息）

其中，enabled为true时，开始监控加速度，当加速度标量值大于threshold阈值(默认为1.5)时，通过异步返回结果，同时根据sound(默认为true)决定是否播放声效，此后的2000毫秒内禁止再次触发；enabled为false时，停止监控。

返回(异步)：

accl.notify{value:[float]}（参数等同于get返回结果）

从上述举例中可以看出：JSON可以将JavaScript对象中表示的一组数据转换为字符串，可在函数之间轻松地传递该字符串，或者在异步应用中进行字符串在移动终端本地和移动应用中的传递。

进一步地，所述Native插件，通过移动终端的Native代码编译实现，该Native插件传输给本地webkit的消息采用一级名称（RootName）对应特定插件（Plugin）的方式进行，同时通过init()、handleMessage(typeFullName,parameter)、getTypeRootName()以及close()等编译方法建立统一的处理消息接口IPlugin；

进一步地，为实现该处理消息接口IPlugin的功能，将建立多个特定的插件，其中，为了减少移动应用部署文件的大小，每个特定插件编译成独立的二进制文件（根据移动应用所需特性只引用必须的二进制文件）；

进一步地，针对每个移动应用建立PluginManager（插件管理器），并在移动终端上注册该移动应用所需的插件，进行调用时，所述Native插件将接收到的消息反序列化成JSON对象，传递给对应的插件进行处理，处理结果以格式为字符串的序列号进行传输至所述webkit；对于同步调用，本次调用即返回结果。对于异步调用，调用立即返回，后面通过本地发送消息给页面返回结果。

另外需要说明的是，在进行调用时，若移动应用采用了移动终端本地的UI控件，则对其触发的事件通过JavaScript来传递消息，同时，所述Native插件扩展本地窗体，实现IPlugin响应处理消息。

进一步地，所述JavaScript模拟器，通过JavaScript脚本实现JavaScript通信框架规范所定义的各种消息调用。

为了增加用户体验，本实施例中，所述移动应用还将在移动终端本地保留JSON格式的本地配置文件，其中包含了对所述移动应用的参数配置。具体为：

{"version":"1.0.0",webviews":[{"homepage":"header.htm","height":"41"},{"homepage":"default.htm","height":"*"}],"mainWebview":1}

目前只包括webview（网络视图，能加载显示网页,可以将其视为一个浏览器）参数的布局配置，该webview中包括：homepage（主页）参数、height参数、mainWebview参数等，其中：

所述homepage（主页）参数值支持http（Hypertexttransferprotocol，超文本传输协议）、https（HypertextTransferProtocoloverSecureSocketLayer，是以安全为目标的HTTP通道）以及本地格式，对于本地格式，无需包含路径和配置文件名称；

所述height（页面显示的高度和宽度）参数值支持绝对值(单位是像素)、百分比(小于1的浮点数)以及“*”；

所述mainWebview参数表示用于主窗体的Webview索引号，从0开始。

同时，定义User-Agent（用户代理）规范，用于使服务器能够识别移动应用客户端使用的操作系统及版本、CPU类型、浏览器版本、浏览器渲染引擎、浏览器语言以及浏览器插件等。

具体地，移动应用客户端发起http请求时，包括GET、POST、FILE以及版本更新下载时，均需要在http request header中增加User-Agent，值为：

User-Agent:[app]/[appVersion]；Webkit/[webkitVersion]([platform]；[platformVersion];[manufacturer]/[model])

上述User-Agent的参数分别为：移动应用名称/移动应用号；Webkit/Webkit版本号(移动平台名称；移动平台版本号；移动设备制造商/移动设备型号。

在实际应用中，可以由如下的User-Agent值：

dailydeals/1.1.0Webkit/1.0(iPhone OS5.0.1;Apple/iPod touch)

dailydeals/1.1.0Webkit/1.0(Android2.3.4;HUAWEI/S8600)

dailydeals/1.1.0IE/9.0(WinCE7.108773;NOKIA/Lumia710)

从而，对于不同版本的应用客户端的请求可以区别对待，并在手机客户端免升级的情况下修正某些bug

本发明的体系架构不仅在开发过程中实现了一定程度的跨平台，降低开发工作量，提高程序的开发调试效率，而且，在移动应用的客户端分发出去以后，在服务器端对于某些功能的版本升级和bug修正有一定的控制能力，从而极大的提高了用户体验。

与现有技术相比，本发明所述的一种移动应用跨平台开发方法，达到了如下效果：

1）本发明采用DHTML（Dynamic Hypertext Markup Language，动态超文本标记语言）技术开发跨平台移动应用，有效实现了移动应用全面跨平台。

2）本发明实现了轻量级UI框架，有效提高了运行速度，避免了页面加载延迟的情况。

3）本发明支持对页面导航及切换，包括页面导航历史栈、页面切换预加载、页面切换动画等，并借由移动终端本地平台实现对本地UI的控制及调用。

4）本发明采用与具体平台无关的消息通信，通过JavaScript语言（一种客户端脚本语言）即可模拟本地返回消息内容，方便调试，使用普通浏览器也可完成。

5）本发明开发的移动应用“小巧玲珑”，实现了用户升级快捷，同时大大降低了开发工作量，提高开发效率，提升用户体验。

上述说明示出并描述了本发明的若干优选实施例，但如前所述，应当理解本发明并非局限于本文所披露的形式，不应看作是对其他实施例的排除，而可用于各种其他组合、修改和环境，并能够在本文所述发明构想范围内，通过上述教导或相关领域的技术或知识进行改动。而本领域人员所进行的改动和变化不脱离本发明的精神和范围，则都应在本发明所附权利要求的保护范围内。

Claims (7)

1.一种移动应用跨平台开发方法，其特征在于，包括：

移动应用根据不同的操作产生相对应的不同特性的调用指令；

然后根据所产生的所述不同特性的调用指令完成所述移动应用的调用；其中，对于DHTML直接调用移动终端本地的webkit进行解析完成调用；对于webkit不能解析的DHTML，通过DHTML控件完成调用；对于带有native特性的操作，先将调用指令按照JavaScript通信框架定义的消息规范化后，通过webkit调用Native插件。

2.如权利要求1所述的移动应用跨平台开发方法，其特征在于，所述不同特性的调用指令，进一步包括：针对基础DHTML的调用指令、针对DHTML控件的调用指令以及针对带有native特性操作的调用指令。

3.如权利要求1所述的移动应用跨平台开发方法，其特征在于，所述对于带有native特性的操作，还包括：在将调用指令按照JavaScript通信框架定义的消息规范化后，通过JavaScript模拟器完成调用。

4.如权利要求3所述的移动应用跨平台开发方法，其特征在于，所述通过JavaScript模拟器完成调用，进一步为通过JavaScript脚本实现JavaScript通信框架规范所定义的各种消息调用。

5.如权利要求1所述的移动应用跨平台开发方法，其特征在于，所述通过DHTML控件完成调用，进一步为通过具有跨平台支持的DHTML控件进行DHTML窗体历史栈、窗体切换预加载以及窗体切换动画的调用。

6.如权利要求1或3中所述的移动应用跨平台开发方法，其特征在于，所述将调用指令按照JavaScript通信框架定义的消息规范化，进一步为将所述调用指令的参数在与移动终端本地传输时以字符串格式的序列号传输，并在传送至页面或移动终端本地时，反序列化成JSON对象。

7.如权利要求6所述的移动应用跨平台开发方法，其特征在于，所述通过webkit调用Native插件，进一步为所述Native插件将接收到的消息反序列化成JSON对象，传递给对应的插件进行处理，处理结果以格式为字符串的序列号进行传输至所述webkit。

Images