[发明专利]基于H5接入方式的接入方法及其接入组件和移动终端

说明书

本发明涉及基于H5接入方式的接入组件、基于H5接入方式的接入方法以及包含该接入组件的移动终端。本发明的基于H5的接入组件，其特征在于，包含：H5页面引导模块，利用对H5页面的访问以实现对所述接入组件的调用；JavaScript软件开发包，分别与所述H5页面引导模块以及下述的Java软件开发包进行数据通信，实现JavaScript与Java代码之间的转换；Java软件开发包，为Java提供API接口；以及服务模块，与所述Java软件开发包进行数据通信并实现规定功能的服务。根据本发明，由于是基于Hybrid App实现，因此，能够支持各种不同的前端框架，通用性良好，同时灵活性也更强。

技术领域

本发明涉及移动互联网技术，具体地涉及一种基于H5接入方式的接入组件、基于H5接入方式的接入方法以及包含该接入组件的移动终端。

背景技术

手机控件(所谓控件也称为组件或者构件，是可重复使用的功能模块)以手机AppSDK的形式提供给第三方原生App集成。

在目前的市场中，希望通过H5的接入方式集成手机控件的需求比较多。

图1表示现有技术中各种接入手机控件的前端框架。

如图1所示，客户的前端框架不尽相同，不仅有Web App，有Hybrid App，有ReactNat ive，还有Flutter，其中，其中主流的H5前端UI框架有十几种，图1仅示出其中的一部分，例如Ionic、Angular、Vue、React Native、jQuery、Flutter、Cordova等等。

对于这样的现状，需要提供一种对于这些前端框架通用的基于H5技术的接入控件。

另一方面，目前很多App的手机支付控件都支持H5方式接入，App通过集成它们的SDK开发包，可以从H5页面唤起手机的支付控件，在支付控件里完成支付。

图2表示现有技术中的H5页面唤醒支付控件的示意图。

如图2所示，H5页面唤起支付控件以后无法自动跳转。即，现有技术中还存在以下问题：

(1)H5页面无法收到来自控件的返回消息通知，用户体验较差；

(2)控件页面无法定制。

发明内容

鉴于上述问题，本发明旨在提出一种能够支持不同前端框架的基于H5技术的接入组件以及基于H5技术的接入方法。

进一步，本发明旨在提供一种在唤醒H5页面后能够收到来自反馈信息的基于H5技术的接入组件以及基于H5技术的接入方法。

再进一步，本发明旨在提供一种能够方便App(后文也称为应用模块)定制页面的基于H5技术的接入组件以及基于H5技术的接入方法。

本发明的一方面的一种移动终端，包括：应用模块以及接入组件，其特征在于，

其中，所述接入组件包括：

H5页面引导模块，利用对H5页面的访问以实现所述应用模块对所述接入组件的调用；

JavaScript软件开发包，分别与所述H5页面引导模块以及下述的Java软件开发包进行数据通信，用于实现JavaScript与Java代码之间的转换；

Java软件开发包，为Java提供接口；以及

服务模块，与所述Java软件开发包进行数据通信并实现规定功能的服务。

这样，由于接入组件基于Hybrid混合框架实现，即，接入组件利用了分层设计，采用装饰者模式，在不修改原组件代码的情况下，将新功能包装在原组件之上，扩展JS层和H5层，从而实现H5的新功能。