一种面向移动端混合开发的前端优化方法及装置制造方法及图纸

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

【技术实现步骤摘要】
一种面向移动端混合开发的前端优化方法及装置


[0001]本专利技术涉及移动端软件开发
,更具体的说,涉及一种面向移动端混合开发的前端优化方法及装置。

技术介绍

[0002]随着移动互联网和智能终端的飞速发展,移动终端逐渐成为人们生活中不可或缺的一部分。随之而来的,各种应用于移动终端上的APP(Application,应用程序)也大量出现。
[0003]随着业务需求更新,在企业应用开发中App为适应业务需要进行快速迭代。现有的APP开发技术包括以下方式:原生App开发、网页App开发以及混合型App(Hybrid App)开发。
[0004]混合型App开发,即跨平台的混合开发,比如同时支持iOS和安卓两大平台的混合开发,体验感比较好,而且可以跨平台,维护起来不用修改多个端,APP开发成本相对较低,时间成本也少。
[0005]现有混合型App开发技术,采用H5与原生Native的交互方式,使用H5实现变化频繁的业务。H5即HTML5,是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种面向移动端混合开发的前端优化方法,其特征在于,移动端通过混合容器交互统一及提速组件,实现原生端与H5端之间的通信交互:所述混合容器交互统一及提速组件,设置有消息监听队列池,通过消息监听队列池,对交互参数和交互处理数据进行传递以及回调,使H5端与原生端实现统一交互处理;所述消息监听对列池包括交互数据信息、消息id、回调方法函数。2.根据权利要求1所述的面向移动端混合开发的前端优化方法,其特征在于,所述混合容器交互统一及提速组件包括H5引擎层和原生引擎层,所述H5引擎层分别与视图层、原生引擎层进行通信交互;所述原生引擎层分别与H5引擎层、操作系统进行通信交互。3.根据权利要求2所述的面向移动端混合开发的前端优化方法,其特征在于,所述H5引擎层包括H5软件开发工具包;所述视图层包括前端框架、H5页面和静态网页;通过H5软件开发工具包,为H5页面提供接入接口,将H5页面的异步处理机制,通过Promise形式封装成同步调用;H5引擎层接收原生引擎层发送的消息并统一进行处理。4.根据权利要求1所述的面向移动端混合开发的前端优化方法,其特征在于,所述原生引擎层包括不同操作系统类型的应用软件开发工具包;通过应用软件开发工具包,为不同操作系统类型的应用软件提供接收统一格式消息的接入接口。5.根据权利要求1所述的面向移动端混合开发的前端优化方法,其特征在于,所述原生引擎层,内置交互处理池;通过交互处理池进行交互处理并将处理结果封装成统一格式消息,发送至H5引擎层。6.根据权利要求5所述的面向移动端混合开发的前端优化方法,其特征在于,所述原生引擎层,通过交互处理池,进行预置的交互处理;所述原生引擎层,通过交互处理池,进行自定义的交互处理。7.根据权利要求3所述的面向移动端混合开发的前端优化方法,其特征在于,所述H5页面,通过H5引擎层在消息监听池内注册对原生引擎层的监听;所述H5页面,通过H5引擎层获取H5软件开发工具包实例,调用H5软件开发工具包的请求交互处理指令,向原生引...

【专利技术属性】
技术研发人员:周晔穆海洁梁星元杨仑曾卫珍仝彦彦
申请(专利权)人:上海汇付支付有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1