[发明专利]Web页面组件与Native组件的交互方法、装置及设备

说明书

本发明实施例提供的一种Web页面组件与Native组件的交互方法、装置及设备，应用于采用iOS系统的移动终端，通过Web页面组件调用预设invoke函数，得到预设回调函数，并生成包含预设回调函数对应的Native函数名的自定义URL请求。将自定义URL请求发送至Native组件。由Native组件解析自定义URL请求，得到Native函数名。基于Native函数名，调用Native函数，得到Native函数的返回值。按照Web页面语言将Native函数的返回值封装为返回数据，并将返回数据返回至Web页面。Web页面解析返回数据，得到返回值。实现了Web页面组件与Native组件的交互。

技术领域

本发明涉及计算机技术领域，特别是涉及一种Web页面组件与Native组件的交互方法、装置及设备。

背景技术

随着移动互联网技术的发展，移动终端上安装的各类App(Application，应用程序)为人们的生活、工作带来极大便利。在开发移动终端中的App时，由于移动终端的开发环境限制以及人机交互需求，不仅要采用网页语言以实现基于Web(网页)页面组件的跨平台开发效果，还要采用移动终端系统的开发语言以实现Native组件的人机交互效果。

相应的，由于采用两种语言开发，移动终端上安装的App会存在Web页面组件与Native组件的交互。例如，某购物App中的商品详情页面为Native组件，而商品搜索结果页面或者商品推荐页面为Web页面组件。当用户点击商品搜索结果页面或者商品推荐页面中的某一商品时，将跳转至该商品的商品详情页，此时，Web页面组件要通过调用Native组件采用的函数才能实现页面跳转，Web页面组件实现对Native组件所采用函数的调用，就是Web页面组件和Native组件的交互。

由于移动终端上安装的App依靠移动终端的系统实现运行，因此，通常情况下，移动终端系统的开发商会提供Web页面组件与Native组件的交互API(ApplicationProgramming Interface，应用程序编程接口)，Web页面组件可以通过这个API直接调用Native组件所采用的函数，从而实现与Native组件的交互。但是，部分移动终端所采用的系统，并没有开发商提供的Web页面组件与Native组件的交互API。因此，如何实现Web页面组件与Native组件的交互，依然是App开发中需要解决的问题。

发明内容

本发明实施例的目的在于提供一种Web页面组件与Native组件的交互方法、装置及设备，以实现iOS系统上安装的App中，Web页面组件和Native组件的交互。具体技术方案如下：

第一方面，本发明实施例提供了一种Web页面组件与Native组件的交互方法，应用于采用iOS系统的移动终端，该方法包括：

Web页面组件调用预设invoke函数，生成自定义URL请求，自定义URL请求包含预设Native函数名；将自定义URL请求发送至Native组件；

Native组件解析自定义URL请求，得到预设Native函数名；基于预设Native函数名，调用预设Native函数，得到预设Native函数的返回值；按照Web页面语言将返回值封装为返回数据，并将返回数据返回至Web页面组件；

Web页面组件解析所述返回数据，得到返回值。

第二方面，本发明实施例提供了一种Web页面组件与Native组件的交互装置，应用于采用iOS系统的移动终端，该装置包括：

Web页面组件，用于调用预设invoke函数，生成自定义URL请求，自定义URL请求包含预设Native函数名；将自定义URL请求发送至所述Native组件；