基于桥组件的页面调用方法、装置、设备及存储介质制造方法及图纸

本发明专利技术涉及H5页面的技术领域，本发明专利技术公开了一种基于桥组件的页面调用方法、装置、设备及存储介质，所述方法包括：获取来自显示页面的调用请求和终端类型；通过桥组件对调用请求进行与终端类型对应的接口转换，得到中转请求；通过桥组件对中转请求进行调用分解，得到至少一个组件调用语句；通过与各组件调用语句对应的单元组件，按照各组件调用语句中的调用方式执行相应的组件调用语句，得到与各组件调用语句对应的执行结果；通过桥组件回调各执行结果至显示页面。因此，本发明专利技术实现了通过引入桥组件能够适配不同的终端类型的H5页面和Native的调用，通过对桥组件的接口维护大大提高了H5页面和Native的代码复用率，提高了开发效率。效率。效率。

【技术实现步骤摘要】
基于桥组件的页面调用方法、装置、设备及存储介质


[0001]本专利技术涉及H5页面的
，尤其涉及一种基于桥组件的页面调用方法、装置、设备及存储介质。

技术介绍

[0002]目前，随着互联网的发展，市面上各种移动App(移动电子设备的软件)层出不穷，人们对移动App应用的要求也不断提升，往往需要不断迭代更新移动APP的性能以满足要求，从而使得Hybrid技术(混合开发模式)得到广泛应用，要进行Hybrid技术的开发，Native与H5页面(移动端的Web页面)的交互调用是最为关键的技术，而Native与H5页面之间的调用还受终端类型的影响，比如：安卓系统的终端和ios系统的终端的调用方式不同，调用代码也相应不同，在现有技术中，每新增一个要求往往会新增或者修改一个接口，就需要改动H5页面和Native的代码，而且还需要分别开发出适用于不同终端类型的代码，例如：开发出适用安卓系统一套代码，以及适用ios系统一套代码，因此，大大增加了代码改动的工作量，而且无疑会增加后续代码的测试工作，质量也无法保证，大大降低了App的更新上线的效率，不利于维护和更新。

技术实现思路

[0003]本专利技术提供一种基于桥组件的页面调用方法、装置、计算机设备及存储介质，实现了通过引入桥组件能够适配不同的终端类型的H5页面和Native中的单元组件的调用，仅需要维护桥组件的接口关系和接口代码，即可满足H5页面和Native之间的调用关系，大大减少了代码开发成本和时间成本，提高了开发效率。
[0004]一种基于桥组件的页面调用方法，包括：
[0005]获取来自显示页面的调用请求和终端类型；
[0006]通过桥组件对所述调用请求进行与所述终端类型对应的接口转换，得到中转请求；
[0007]通过所述桥组件对所述中转请求进行调用分解，得到至少一个组件调用语句；
[0008]通过与各所述组件调用语句对应的单元组件，按照各所述组件调用语句中的调用方式执行相应的所述组件调用语句，得到与各所述组件调用语句对应的执行结果；
[0009]通过所述桥组件回调各所述执行结果至所述显示页面。
[0010]一种基于桥组件的页面调用装置，包括：
[0011]获取模块，用于获取来自显示页面的调用请求和终端类型；
[0012]转换模块，用于通过桥组件对所述调用请求进行与所述终端类型对应的接口转换，得到中转请求；
[0013]分解模块，用于通过所述桥组件对所述中转请求进行调用分解，得到至少一个组件调用语句；
[0014]执行模块，用于通过与各所述组件调用语句对应的单元组件，按照各所述组件调
用语句中的调用方式执行相应的所述组件调用语句，得到与各所述组件调用语句对应的执行结果；
[0015]回调模块，用于通过所述桥组件回调各所述执行结果至所述显示页面。
[0016]一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述基于桥组件的页面调用方法的步骤。
[0017]一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述基于桥组件的页面调用方法的步骤。
[0018]本专利技术提供的基于桥组件的页面调用方法、装置、计算机设备及存储介质，通过获取来自显示页面的调用请求和终端类型；通过桥组件对所述调用请求进行与所述终端类型对应的接口转换，得到中转请求；通过所述桥组件对所述中转请求进行调用分解，得到至少一个组件调用语句；通过与各所述组件调用语句对应的单元组件，按照各所述组件调用语句中的调用方式执行相应的所述组件调用语句，得到与各所述组件调用语句对应的执行结果；通过所述桥组件回调各所述执行结果至所述显示页面，因此，实现了通过桥组件兼容不同终端类型的显示页面的调用请求，并运用桥组件自动适配相应的调用语句以调用各单元组件，以及通过桥组件将各单元组件的执行结果回调至显示页面，通过引入桥组件能够适配不同的终端类型的H5页面和Native的调用，通过对桥组件的接口维护大大提高了H5页面和Native的代码复用率，仅仅需要维护桥组件的接口关系和接口代码，即可满足H5页面和Native之间的调用关系，大大减少了代码开发成本和时间成本，提高了开发效率。
附图说明
[0019]为了更清楚地说明本专利技术实施例的技术方案，下面将对本专利技术实施例的描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
[0020]图1是本专利技术一实施例中基于桥组件的页面调用方法的应用环境示意图；
[0021]图2是本专利技术一实施例中基于桥组件的页面调用方法的流程图；
[0022]图3是本专利技术一实施例中基于桥组件的页面调用方法的步骤S20的流程图；
[0023]图4是本专利技术另一实施例中基于桥组件的页面调用方法的步骤S30的流程图；
[0024]图5是本专利技术一实施例中基于桥组件的页面调用装置的原理框图；
[0025]图6是本专利技术一实施例中计算机设备的示意图。
具体实施方式
[0026]下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0027]本专利技术提供的基于桥组件的页面调用方法，可应用在如图1的应用环境中，其中，客户端(计算机设备或者移动终端)通过网络与服务器进行通信。其中，客户端(计算机设备
或者移动终端)包括但不限于为各种个人计算机、笔记本电脑、智能手机、平板电脑、摄像头和便携式可穿戴设备。服务器可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
[0028]所述基于桥组件的页面调用方法由客户端执行。
[0029]在一实施例中，如图2所示，提供一种基于桥组件的页面调用方法，其技术方案主要包括以下步骤S10
‑
S50：
[0030]S10，获取来自显示页面的调用请求和终端类型。
[0031]可理解地，所述显示页面为移动终端当前显示的H5(HTML5)页面，即移动终端的基于HTML5编译的Web页面，在所述显示页面中点击按键或者触摸某区域以触发所述调用请求，所述调用请求为在显示的所述显示页面中调用移动终端中Native中的单元组件的请求，也即基于H5页面的所述显示页面调用Native的请求，其中，Native包括安卓(android)系统的Native和ios系统的Native，所述终端类型为当前显示所述显示页面的移动终端所运行系统的平台类型，所述终端类型包括安卓终端类型、ios终端类型和osx终端类型，所述按照终端类型为移动终端运行在安卓本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于桥组件的页面调用方法，其特征在于，包括：获取来自显示页面的调用请求和终端类型；通过桥组件对所述调用请求进行与所述终端类型对应的接口转换，得到中转请求；通过所述桥组件对所述中转请求进行调用分解，得到至少一个组件调用语句；通过与各所述组件调用语句对应的单元组件，按照各所述组件调用语句中的调用方式执行相应的所述组件调用语句，得到与各所述组件调用语句对应的执行结果；通过所述桥组件回调各所述执行结果至所述显示页面。2.如权利要求1所述的基于桥组件的页面调用方法，其特征在于，所述通过桥组件对所述调用请求进行与所述终端类型对应的接口转换，得到中转请求，包括：获取与所述终端类型对应的请求模板；基于所述请求模板，通过所述桥组件对所述调用请求进行封装，得到所述中转请求。3.如权利要求2所述的基于桥组件的页面调用方法，其特征在于，所述基于所述请求模板，通过所述桥组件对所述调用请求进行封装，得到所述中转请求，包括：通过所述桥组件对所述调用请求进行同异步区分，得到同异步请求结果；基于所述请求模板中的同步请求模板，通过所述桥组件对所述同异步请求结果中的同步请求进行同步封装，得到所述中转请求中的中转同步请求；基于所述请求模板中的异步请求模板，通过所述桥组件对所述同异步请求结果中的异步请求进行异步封装，得到所述中转请求中的中转异步请求。4.如权利要求1所述的基于桥组件的页面调用方法，其特征在于，所述通过所述桥组件对所述中转请求进行调用分解，得到至少一个组件调用语句，包括：通过所述桥组件对所述中转请求进行调用解析，得到至少一个调用语句；通过所述桥组件对各所述调用语句进行组件分解，分解出多个组件调用语句。5.如权利要求4所述的基于桥组件的页面调用方法，其特征在于，所述通过所述桥组件对所述中转请求进行调用解析，得到至少一个调用语句，包括：对所述中转请求中的中转同步请求进行同步接口封装，得到所述调用语句中的同步调用语句；对所述中转请求中的中转异步请求进行异步接口封装，得到所述调用语句中的异步调用语句。6.如权利要求4所述的...

【专利技术属性】
技术研发人员：许剑勇，
申请(专利权)人：深圳壹账通智能科技有限公司，
类型：发明
国别省市：