System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种交互方法、装置、电子设备和存储介质制造方法及图纸_技高网

一种交互方法、装置、电子设备和存储介质制造方法及图纸

技术编号:41157134 阅读:5 留言:0更新日期:2024-04-30 18:21
本发明专利技术公开了一种交互方法、装置、电子设备和存储介质。其中,该方法应用于客户端,包括:响应于针对Web端的目标页面的触发操作,加载WebView容器,并将JS Bridge对象注入至所述目标页面的当前窗口的JavaScript代码;在检测到针对目标JS API接口的调用请求时,通过所述客户端的Web组件的javaScriptProxy接口以及所述Web组件的Controller控制器的runJavaScript接口,在所述当前窗口中执行所述目标JS API接口;在所述目标JS API接口执行完成后,将对应的执行结果和回调方法标识进行映射后返回至所述目标页面。本发明专利技术实施例利用JS Bridge为客户端和Web端提供交互的桥梁,交互方式统一,解决了现有交互方法存在的交互繁琐的问题,具备高性能、强兼容、侵入性低的优点。

【技术实现步骤摘要】

本专利技术涉及通信,尤其涉及一种交互方法、装置、电子设备和存储介质


技术介绍

1、当今移动应用中,技术选型大部分为原生客户端与h5页面结合的hybrid混合开发模式。在此模式下,h5页面经常需要使用客户端原生能力,如获取设备信息、读写客户端数据库等。而h5页面的javascript代码运行在单独的上下文中,与客户端运行环境存在隔离。因此,需要一种机制实现原生客户端与web端之间的双向交互通信。

2、此外,现有技术中基于openharmony的鸿蒙客户端与web端的交互方法尚处于起步阶段,且交互方式较为繁琐,降低了客户端的性能。


技术实现思路

1、本专利技术提供了一种交互方法、装置、电子设备和存储介质,以实现客户端与web端的高效交互,提升客户端的性能。

2、根据本专利技术的一方面,提供了一种交互方法,应用于客户端,该方法包括:

3、响应于针对web端的目标页面的触发操作,加载webview容器,并将js bridge对象注入至所述目标页面的当前窗口的javascript代码;

4、在检测到针对目标js api接口的调用请求时,通过所述客户端的web组件的javascriptproxy接口以及所述web组件的controller控制器的runjavascript接口,在所述当前窗口中执行所述目标js api接口;

5、在所述目标js api接口执行完成后,将对应的执行结果和回调方法标识进行映射后返回至所述目标页面。

6、根据本专利技术的另一方面,提供了一种交互方法,应用于web端,该方法包括:

7、在目标页面调用目标js api接口时,将所述目标js api接口的属性信息传入jsbridge对象中的call方法;

8、接收客户端按照所述属性信息执行所述目标js api接口的执行结果;

9、根据所述执行结果显示所述目标页面对应的目标显示内容。

10、根据本专利技术的另一方面,提供了一种交互装置,应用于客户端,该装置包括:

11、容器加载模块,用于响应于针对web端的目标页面的触发操作,加载webview容器,并将js bridge对象注入至所述目标页面的当前窗口的javascript代码;

12、接口执行模块,用于在检测到针对目标js api接口的调用请求时,通过所述客户端的web组件的javascriptproxy接口以及所述web组件的controller控制器的runjavascript接口,在所述当前窗口中执行所述目标js api接口;

13、结果返回模块,用于在所述目标js api接口执行完成后,将对应的执行结果和回调方法标识进行映射后返回至所述目标页面。

14、根据本专利技术的另一方面,提供了一种交互装置,应用于web端,该装置包括:

15、属性传入模块,用于在目标页面调用目标js api接口时,将所述目标js api接口的属性信息传入js bridge对象中的call方法;

16、结果接收模块,用于接收客户端按照所述属性信息执行所述目标js api接口的执行结果;

17、页面显示模块,用于根据所述执行结果显示所述目标页面对应的目标显示内容。

18、根据本专利技术的另一方面,提供了一种电子设备,所述电子设备包括:

19、至少一个处理器;以及

20、与所述至少一个处理器通信连接的存储器;其中,

21、所述存储器存储有可被所述至少一个处理器执行的计算机程序,所述计算机程序被所述至少一个处理器执行,以使所述至少一个处理器能够执行本专利技术任一实施例所述的交互方法。

22、根据本专利技术的另一方面,提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机指令,所述计算机指令用于使处理器执行时实现本专利技术任一实施例所述的交互方法。

23、本专利技术实施例的技术方案,应用于客户端,通过响应于针对web端的目标页面的触发操作,加载webview容器,并将js bridge对象注入至目标页面的当前窗口的javascript代码;在检测到针对目标js api接口的调用请求时,通过客户端的web组件的javascriptproxy接口以及web组件的controller控制器的runjavascript接口,在当前窗口中执行目标js api接口;在目标js api接口执行完成后,将对应的执行结果和回调方法标识进行映射后返回至目标页面。本专利技术实施例利用js bridge为客户端和web端提供交互的桥梁,交互方式统一,解决了现有交互方法存在的交互繁琐的问题,具备高性能、强兼容、侵入性低的优点。

24、应当理解,本部分所描述的内容并非旨在标识本专利技术的实施例的关键或重要特征,也不用于限制本专利技术的范围。本专利技术的其它特征将通过以下的说明书而变得容易理解。

本文档来自技高网
...

【技术保护点】

1.一种交互方法,其特征在于,应用于客户端,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,还包括:

3.根据权利要求1所述的方法,其特征在于,所述WebView容器由所述客户端的Web组件实现;所述目标页面由所述Web组件和自定义导航栏构成。

4.根据权利要求1所述的方法,其特征在于,所述客户端还包括:WebViewManager管理器,所述WebViewManager管理器用于管理所述客户端创建的WebView容器,以及向所述WebView容器中运行JavaScript代码。

5.一种交互方法,其特征在于,应用于Web端,所述方法包括:

6.根据权利要求5所述的方法,其特征在于,所述属性信息至少包括:JS API方法名、参数、回调方法标识。

7.一种交互装置,其特征在于,应用于客户端,所述装置包括:

8.一种交互装置,其特征在于,应用于Web端,所述装置包括:

9.一种电子设备,其特征在于,所述电子设备包括:

10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机指令,所述计算机指令用于使处理器执行时实现权利要求1-6中任一项所述的交互方法。

...

【技术特征摘要】

1.一种交互方法,其特征在于,应用于客户端,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,还包括:

3.根据权利要求1所述的方法,其特征在于,所述webview容器由所述客户端的web组件实现;所述目标页面由所述web组件和自定义导航栏构成。

4.根据权利要求1所述的方法,其特征在于,所述客户端还包括:webviewmanager管理器,所述webviewmanager管理器用于管理所述客户端创建的webview容器,以及向所述webview容器中运行javascript代码。

5.一...

【专利技术属性】
技术研发人员:刘逸玮杨洋刘征戴建科
申请(专利权)人:中国农业银行股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1