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

摘要

本发明涉及智能移动终端，提供了一种混合型APP软件的开发方法，提高APP软件开发的效率。本方法归纳起来为：用HTML5、javascript及css开发常用的移动应用控件并封装成UI控件库ui.min.js和ui.min.css；开发js调用原生系统的功能接口并封装成原生功能库native.js；在混合开发的移动端APP中采用HTML5页面布局所述移动端要展示的页面内容，其中所需的控件采用移动应用控件库ui.min.js中封装好的控件；在HTML5页面的javascript代码中，定义Android或IOS原生代码与HTML5页面中的javascript代码进行数据交互的接口；移动端APP通过webveiw加载HTML5页面；移动端的原生控件与HTML5页面采用一定的交互机制进行数据交互，并调用原生功能库native.js。本发明适用于移动应用开发。

主权项

混合型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工程中定义一个类，用于数据接收，其中，接收到的数据也是在主线程中传递给原生控件来使用。