[发明专利]混合型APP软件的开发方法

说明书

技术领域

本发明涉及智能移动终端，特别涉及混合型APP软件的开发方法。

背景技术

在移动互联网时代，伴随着智能终端销量的爆发式增长，移动互联网已经让每一个用户正在享受更为移动化、个性化的互联网体验。由于智能终端混合型APP开发及维护的便捷性，智能终端的APP越来越来越多的采用混合型开发模式。混合型APP软件通常是基于第三方跨平台移动应用引擎框架进行开发，HTML5和Javascript只是作为一种解析语言，真正调用的都是原生型APP软件一样封装的底层功能，这是和网页型APP软件的最大区别和不同。因为使用了浏览器技术，所以混合型APP软件通常具有跨平台的特性，并且开发成本和网页型APP软件接近，开发效率也远高于原生型APP软件。所以很多企业采用混合型APP软件技术开发APP应用，一方面是开发简单，另一方面可以形成一种开发的标准。企业封装大量的原生型的原生插件如支付功能插件供Javascript调用，并且可以在今后的项目中尽可能的复用，从而大幅降低开发时间和成本。混合型APP软件的标准化给企业移动应用开发、维护、更新都带来了极高的便捷性。

发明内容

本发明要解决的技术问题是：提供一种混合型APP软件的开发方法，提高APP软件开发的效率。

为解决上述问题，本发明采用的技术方案是：混合型APP软件的开发方法，包括如下步骤：

a.用HTML5、javascript及css开发常用的移动应用控件并封装成UI控件库；在UI控件库中包括ui.min.js和ui.min.css文件；其中：所述ui.min.js文件实现控件的初始化及各个功能、方法接口；所述ui.min.css文件用于定义控件对应的样式；

b.开发javascript代码调用原生系统的功能接口并封装成可跨平台调用的原生功能库native.js；

c.将混合开发的移动端APP的某些页面或页面的一部分布局采用HTML5页面的形式编写，并通过webview在原生代码的主线程中加载这些HTML5页面；

d.在HTML5页面的javascript代码中，定义原生代码与HTML5页面中的javascript代码进行数据交互的接口；

e.若移动端APP的某个页面整体都用HTML5实现，则数据交互均在HTML5页面内进行；若移动端APP的某个页面整体都用原生控件实现，则数据交互均采用原生的数据交互方式；若APP页面内既有系统原生控件，又有通过webview加载的HTML5页面，则原生控件与HTML5页面的交互要加载原生功能库native.js，并遵循以下交互机制：

原生控件向javascript代码传递数据时，通过webview的方法调用javascript代码中已经定义好的数据处理接口，其中，数据传递在主线程中进行；

javascript代码向原生控件传递数据时，在APP工程中定义一个类，用于数据接收，其中，接收到的数据也是在主线程中传递给原生控件来使用。

具体的，本发明步骤a中各个控件开发完毕之后，得到js文件和css文件，采用流程化工具，将所有的控件的js文件合并为公共的ui.min.js文件，将所有的css文件合并为公共的ui.min.css文件。

优选的，上述的流程化工具为grunt工具。

进一步的，本发明所述的原生系统为Android或者IOS系统。

具体的，本发明步骤b中，所述的原生功能库native.js中包括如下的原生功能：数据传输及页面跳转、本地文件系统使用、摄像头方法类、网络状态判断、二维码扫描、设备信息获取、通讯录。

本发明的有益效果是：通过封装UI控件库以及可跨平台调用的原生功能库native.js，移动端的原生控件与HTML5页面采用一定的交互机制进行数据交互，并调用原生功能库native.js，因此，本发明具有跨平台的特性，代码复用率很高，开发效率远远高于原生控件开发的APP，开发成本和时间也大大降低。

以下通过具体实施方式对本发明进行具体说明。

具体实施方式

步骤1：将所述移动端应用常用的控件及其对应的方法接口用HTML5、javascript以及css的形式开发出来，并将所有控件封装成UI控件库，包括ui.min.js和ui.min.css文件。