[发明专利]H5页面和ReactNative的交互方法、装置、电子设备及可读存储介质

权利要求书

1.一种H5页面和ReactNative的交互方法，其特征在于，应用于移动终端，所述移动终端包括相互关联的H5页面和ReactNative，所述方法包括：

调用方的桥接文件利用预设方法将调用请求发送至处理方；

所述处理方的桥接文件接收所述调用请求，获取所述调用请求中包括的字符串；

所述处理方解析所述字符串，确定第一方法名、参数体和回调标识，其中，所述第一方法名为处理方的业务对应的方法名；

所述处理方根据所述第一方法名，确定所述第一方法；

所述处理方将所述参数体传入所述第一方法；

所述处理方执行所述第一方法，得到结果数据；

所述处理方根据所述回调标识，确定回调函数；

所述处理方的桥接文件利用预设方法，将所述调用结果传入所述回调函数，以将所述结果数据发送至所述调用方；

其中，在所述调用方为所述H5页面的情况下，所述处理方为所述ReactNative；或，在所述调用方为所述ReactNative的情况下，所述处理方为所述H5页面。

2.根据权利要求1所述的方法，其特征在于，所述调用方的桥接文件利用预设方法将调用请求发送至处理方的步骤，具体包括：

所述调用方确定待调用的所述第一方法的所述第一方法名、第一方法的参数体和回调函数；

所述调用方将所述回调函数设置于预设属性上，得到所述回调标识；

所述调用方将所述第一方法名、所述参数体和所述回调标识封装成所述字符串；

所述调用方的桥接文件利用预设方法将所述字符串发送至所述处理方。

3.根据权利要求1所述的方法，其特征在于，所述调用方的桥接文件利用预设方法将调用请求发送至处理方之前，还包括：

设置桥接文件，并将所述桥接文件分别注入所述H5页面和所述ReactNative；

其中，所述桥接文件内包括注册方法，用于所述处理方注册第一方法以供所述调用方调用，以及调用方法，用于所述调用方调用所述处理方已经注册的第一方法。

4.根据权利要求3所述的方法，其特征在于，所述设置桥接文件，并将所述桥接文件分别注入所述H5页面和所述ReactNative之后，还包括：

所述处理方利用所述桥接文件，根据第一方法名、参数体和回调函数，注册所述第一方法；

将所述第一方法设置于所述处理方的预设组件内，以供所述调用方调用。

5.根据权利要求1所述的方法，其特征在于，所述所述处理方的桥接文件利用预设方法，将所述调用结果传入所述回调函数，以将所述结果数据发送至所述调用方之后，还包括：

删除所述处理方内的所述回调函数。

6.根据权利要求1至5中任一项所述的方法，其特征在于，

所述桥接文件为JSBridge文件。

7.根据权利要求1至5中任一项所述的方法，其特征在于，

所述H5页面对应的预设方法为window postMessage方法；

所述ReactNative对应的预设方法为injectJavaScript方法。