[发明专利]页面跳转的实现方法、装置、电子设备及存储介质

说明书

本公开实施例公开了一种页面跳转的实现方法、装置、电子设备及存储介质，其中，方法包括：在当前页面为Flutter网页时，获取页面跳转指令，页面跳转指令中携带有Flutter格式的页面路由标识和路由参数；基于Flutter格式的页面路由标识，确定目标页面的页面类型；在页面类型为原生页面时，将Flutter格式的页面路由标识转换为原生格式的页面路由标识；基于所述原生格式的页面路由标识和所述路由参数，跳转至所述目标页面。本公开实施例可以实现应用程序客户端中Flutter网页到原生页面的跳转，提高用户使用Flutter网页的体验。

技术领域

本公开涉及计算机技术领域，尤其涉及一种页面跳转的实现方法、装置、电子设备及存储介质。

背景技术

Flutter框架是谷歌(Google)公司推出的全新跨平台移动用户界面框架，可以在安卓(Android)和iOS(苹果公司开发的移动操作系统)中运行Flutter框架的用户界面代码，节省应用开发成本。

相关技术中，在已上线的Android或iOS的应用程序内引入Flutter技术实现的Flutter网页(Flutter web)，面临着Flutter web运行在客户端浏览器中时，只能跳转到Flutter web，而无法跳转到原生页面(Native页面)的问题。

针对上述业务场景，相关技术并没有为Flutter web跳转到Native页面提供一种解决方案，导致Flutter web存在应用局限性，降低了Flutter web的用户使用体验。

发明内容

本公开实施例所要解决的一个技术问题是：提供一种页面跳转的实现方法、装置、电子设备及存储介质。

根据本公开实施例的一个方面，提供一种页面跳转的实现方法，应用于应用程序客户端中，所述应用程序客户端包括Flutter数据处理模块和原生数据处理模块，所述方法包括：

在当前页面为Flutter网页时，获取页面跳转指令，所述页面跳转指令中携带有Flutter格式的页面路由标识和路由参数；

基于所述Flutter格式的页面路由标识，确定目标页面的页面类型，所述页面类型包括Flutter网页和原生页面；

在所述页面类型为原生页面时，将所述Flutter格式的页面路由标识转换为原生格式的页面路由标识；

基于所述原生格式的页面路由标识和所述路由参数，跳转至所述目标页面。

在本公开一实施例中，所述基于所述Flutter格式的页面路由标识，确定目标页面的页面类型，包括：

所述Flutter数据处理模块的数据拦截层在预设路由表中，查询所述Flutter格式的页面路由标识；

若查询到所述Flutter格式的页面路由标识，则确定目标页面的页面类型为原生页面。

在本公开又一实施例中，所述将所述Flutter格式的页面路由标识转换为原生格式的页面路由标识，包括：

所述Flutter数据处理模块的数据拦截层在所述预设路由表中获取对应的原生格式的页面路由标识。

在本公开又一实施例中，基于所述原生格式的页面路由标识和所述路由参数，跳转至所述目标页面，包括：

所述Flutter数据处理模块的数据拦截层对所述路由参数进行编码处理，得到已编码路由参数；

将所述原生格式的页面路由标识和所述已编码路由参数通过JS桥接层传递给所述原生数据处理模块；

所述原生数据处理模块的原生插件层对所述已编码路由参数进行解码处理，得到所述路由参数；

所述原生格式的页面路由标识和所述路由参数，跳转至所述目标页面。