(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202211083447.0 (22)申请日 2022.09.06 (71)申请人 平安国际融资 租赁有限公司 地址 200000 上海市浦东 新区中国 （上海） 自由贸易试验区世纪大道8号上海国 金中心办公楼二期37层 (72)发明人 王成　 (74)专利代理 机构 北京中强智尚知识产权代理 有限公司 1 1448 专利代理师 付伟丽 (51)Int.Cl. G06F 16/958(2019.01) G06F 8/38(2018.01) G06F 8/41(2018.01) G06F 9/445(2018.01)G06F 9/451(2018.01) G06Q 30/06(2012.01) G06F 3/04847(2022.01) (54)发明名称 H5页面和ReactNative的交互方法、 装置、 电 子设备及可读存 储介质 (57)摘要 本申请涉及计算机技术领域， 公开了一种H5 页面和ReactNative的交互方法、 装置、 电子设备 及可读存储介质， 其中， 方法包括： 调用方的桥接 文件利用预设方法将调用请求发送至处理方； 处 理方接收调用请求， 获取调用请求中包括的字 符 串； 处理方解析字符串， 确定第一方法名、 参数体 和回调标识， 其中， 第一方法名为处理方的业务 对应的方法名； 处理方根据第一方法名， 确定第 一方法； 处理方将参数体传入第一方法； 处理方 执行第一方法， 得到结果数据； 处理方根据回调 标识， 确定回调函数； 处理方的桥接文件利用预 设方法， 将调用结果传入回调函数， 以将结果数 据发送至调用方。 本申请的方法， 实现了H5页面 或ReactNative端可以通过JSBridge文件进行双 向的交互传递数据。 权利要求书2页 说明书11页 附图2页 CN 115391708 A 2022.11.25 CN 115391708 A 1.一种H5页面和ReactNative的交互方法， 其特征在于， 应用于移动终端， 所述移动终 端包括相互关联的H 5页面和ReactNative， 所述方法包括： 调用方的桥接文件利用预设方法将调用请求发送至处 理方； 所述处理方的桥接文件接收所述调用请求， 获取 所述调用请求中包括的字符串； 所述处理方解析所述字符串， 确定第一方法名、 参数体和回调标识， 其中， 所述第一方 法名为处 理方的业 务对应的方法名； 所述处理方根据所述第一方法名， 确定所述第一方法； 所述处理方将所述 参数体传入所述第一方法； 所述处理方执行所述第一方法， 得到结果数据； 所述处理方根据所述回调标识， 确定回调函数； 所述处理方的桥接文件利用预设方法， 将所述调用结果传入所述回调函数， 以将所述 结果数据发送至所述调用方； 其中， 在所述调用方为所述H5页 面的情况下， 所述处理方为所述ReactNative； 或， 在 所 述调用方为所述ReactNative的情况 下， 所述处 理方为所述H 5页面。 2.根据权利要求1所述的方法， 其特征在于， 所述调用方的桥接文件利用预设方法将调 用请求发送至处 理方的步骤， 具体包括： 所述调用方确定待调用的所述第 一方法的所述第 一方法名、 第 一方法的参数体和回调 函数； 所述调用方将所述回调函数设置 于预设属性上， 得到所述回调标识； 所述调用方将所述第一方法名、 所述 参数体和所述回调标识封装成所述字符串； 所述调用方的桥接文件利用预设方法将所述字符串发送至所述处 理方。 3.根据权利要求1所述的方法， 其特征在于， 所述调用方的桥接文件利用预设方法将调 用请求发送至处 理方之前， 还 包括： 设置桥接文件， 并将所述 桥接文件分别注入所述H 5页面和所述ReactNative； 其中， 所述桥接文件内包括注册方法， 用于所述处理方注册第一方法 以供所述调用方 调用， 以及调用方法， 用于所述调用方调用所述处 理方已经注 册的第一方法。 4.根据权利要求3所述的方法， 其特征在于， 所述设置桥接文件， 并将所述桥接文件分 别注入所述H 5页面和所述ReactNative之后， 还 包括： 所述处理方利用所述桥接文件， 根据第一方法名、 参数体和回调函数， 注册所述第一方 法； 将所述第一方法设置 于所述处 理方的预设组件内， 以供 所述调用方调用。 5.根据权利要求1所述的方法， 其特征在于， 所述所述处理方的桥接文件利用预设方 法， 将所述调用结果传入所述回调函数， 以将所述结果数据发送至所述调用方之后， 还包 括： 删除所述处 理方内的所述回调函数。 6.根据权利要求1至 5中任一项所述的方法， 其特 征在于， 所述桥接文件为JSBridge文件。 7.根据权利要求1至 5中任一项所述的方法， 其特 征在于， 所述H5页面对应的预设方法为 window postMessage方法；权　利　要　求　书 1/2 页 2 CN 115391708 A 2所述ReactNative对应的预设方法为 injectJavaScript方法。 8.一种H5页面和ReactNative的交互装置， 其特征在于， 应用于移动终端， 移动终端包 括相互关联的H 5页面和ReactNative， 包括： 发送模块， 用于调用方的桥接文件利用预设方法将调用请求发送至处 理方； 获取模块， 用于所述处理方的桥接文件接收所述调用请求， 获取所述调用请求中包括 的字符串； 解析模块， 用于所述处理方解析所述字符串， 确定第一方法名、 参数体和回调标识， 其 中， 所述第一方法名为处 理方的业 务对应的方法名； 第一确定模块， 用于所述处 理方根据所述第一方法名， 确定所述第一方法； 传递模块， 用于所述处 理方将所述 参数体传入所述第一方法； 生成模块， 用于所述处 理方执行所述第一方法， 得到结果数据； 第二确定模块， 用于所述处 理方根据所述回调标识， 确定回调函数； 所示发送模块， 还用于所述处理方的桥接文件利用预设方法， 将所述调用结果传入所 述回调函数， 以将所述结果数据发送至所述调用方； 其中， 在所述调用方为所述H5页 面的情况下， 所述处理方为所述ReactNative； 或， 在 所 述调用方为所述ReactNative的情况 下， 所述处 理方为所述H 5页面。 9.一种电子设备， 其特征在于， 包括处理器， 存储器及存储在所述存储器上并可在所述 处理器上运行的程序或指 令， 所述程序或指 令被所述处理器执行时实现如权利要求 1至7中 任一项所述的H 5页面和ReactNative的交 互方法的步骤。 10.一种可读存储介质， 其特征在于， 所述可读存储介质上存储程序或指令， 所述程序 或指令被处理器执行时实现如权利要求1至7中任一项 所述的H5页面和ReactNativ e的交互 方法的步骤。权　利　要　求　书 2/2 页 3 CN 115391708 A 3