[发明专利]一种面向移动端混合开发的前端优化方法及装置

说明书

本发明涉及移动端软件开发技术领域，更具体的说，涉及一种面向移动端混合开发的前端优化方法及装置。本发明提供的面向移动端混合开发的前端优化方法，移动端通过混合容器交互统一及提速组件，实现原生端与H5端之间的通信交互：所述混合容器交互统一及提速组件，设置有消息监听队列池，通过消息监听队列池，对交互参数和交互处理数据进行传递以及回调，使H5端与原生端实现统一交互处理；所述消息监听对列池包括交互数据信息、消息id、回调方法函数。本发明采用混合开发框架进行移动端开发APP开发，使H5端与原生端实现统一交互处理，交互方式效率更高，维护性更好，同时实现访问网页的提速，极大的提高开发效率，降低开发成本。

技术领域

本发明涉及移动端软件开发技术领域，更具体的说，涉及一种面向移动端混合开发的前端优化方法及装置。

背景技术

随着移动互联网和智能终端的飞速发展，移动终端逐渐成为人们生活中不可或缺的一部分。随之而来的，各种应用于移动终端上的APP(Application，应用程序)也大量出现。

随着业务需求更新，在企业应用开发中App为适应业务需要进行快速迭代。现有的APP开发技术包括以下方式：原生App开发、网页App开发以及混合型App(Hybrid App)开发。

混合型App开发，即跨平台的混合开发，比如同时支持iOS和安卓两大平台的混合开发，体验感比较好，而且可以跨平台，维护起来不用修改多个端，APP开发成本相对较低，时间成本也少。

现有混合型App开发技术，采用H5与原生Native的交互方式，使用H5实现变化频繁的业务。H5即HTML5，是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。

然而H5无法直接获取App原生信息，需使用App中WebView的JS函数注入方式供H5调用，达到混合型App开发中的信息交互。由于信息传递都是单向传递且不支持数据返回，H5和原生Native一次交互，需定义两次才能完成，这样交互方式过于繁琐，效率不高。

同时，现有混合型App开发技术，H5需分别指定每个操作系统平台的交互方式，这也导致了更新流程较慢，维护较为不便的问题。

发明内容

本发明的目的是提供一种面向移动端混合开发的前端优化方法及装置，解决现有技术中混合型APP开发技术中H5和原生Native交互方式的效率低、维护性差的问题。

本发明的目的是提供一种面向移动端混合开发的前端优化方法及装置，解决现有技术中混合型APP开发技术中访问网页的加载速度慢的问题。

为了实现上述目的，本发明提供了一种面向移动端混合开发的前端优化方法，移动端通过混合容器交互统一及提速组件，实现原生端与H5端之间的通信交互：

所述混合容器交互统一及提速组件，设置有消息监听队列池，通过消息监听队列池，对交互参数和交互处理数据进行传递以及回调，使H5端与原生端实现统一交互处理；

所述消息监听对列池包括交互数据信息、消息id、回调方法函数。

在一实施例中，所述混合容器交互统一及提速组件包括H5引擎层和原生引擎层，

所述H5引擎层分别与视图层、原生引擎层进行通信交互；

所述原生引擎层分别与H5引擎层、操作系统进行通信交互。

在一实施例中，所述H5引擎层包括H5软件开发工具包；

所述视图层包括前端框架、H5页面和静态网页；

通过H5软件开发工具包，为H5页面提供接入接口，将H5页面的异步处理机制，通过Promise形式封装成同步调用；