[发明专利]数据处理方法、装置、电子设备、存储介质和程序产品

说明书

本公开提供了一种数据处理方法，应用于客户端，客户端包括Flutter引擎，Flutter引擎包括Dart层，该方法可用于金融领域及其他领域，该方法包括：获取JSbundle文件，JSbundle文件包括与目标页面相对应的源代码数据；根据源代码数据得到JavaScript层的DOM树；将JavaScript层的DOM树转换为Dart层的DOM树；利用Flutter引擎渲染Dart层的DOM树，得到目标页面。本公开还提供了一种数据处理装置、电子设备、存储介质和程序产品。

技术领域

本公开涉及软件开发技术领域，尤其涉及一种数据处理方法、装置、电子设备、存储介质和程序产品。

背景技术

随着移动端智能设备的发展，除智能手机外，智能手表、智能眼镜、智能车载和智能音箱等新型移动端智能设备迅速普及，针对于不同的设备需要采用不同的研发语言，需要面向不同设备类型，进行单独研发，无法统一技术栈，从而无法实现一次研发多端运行。且考虑到不同端的底层实现不同，无法保证多端的UI一致性。

发明内容

鉴于上述问题，本公开提供了一种数据处理方法、装置、电子设备、存储介质和程序产品。

根据本公开的第一个方面，提供一种数据处理方法，应用于客户端，上述客户端包括Flutter引擎，上述Flutter引擎包括Dart层，该方法包括：

获取JSbundle文件，上述JSbundle文件包括与目标页面相对应的源代码数据；

根据上述源代码数据得到JavaScript层的DOM树；

将上述JavaScript层的DOM树转换为上述Dart层的DOM树；

利用上述Flutter引擎渲染上述Dart层的DOM树，得到上述目标页面。

在一实施例中，上述的数据处理方法中上述解析上述JSbundle文件，得到与目标页面相对应的源代码数据，根据上述源代码数据得到JavaScript层的DOM树，包括：

构建DOMAPI；

利用JavaScript引擎解析上述JSbundle文件，得到上述源代码数据；

调用上述DOMAPI将上述源代码数据转换为上述JavaScrip层的DOM树。

在一实施例中，上述的数据处理方法还包括：构建上述JavaScript层与上述Flutter层的桥接层面。

在一实施例中，上述的数据处理方法中上述将上述JavaScript层的DOM树转换为上述Dart层的DOM树，包括：

将上述JavaScript层的DOM树进行序列化；

通过上述JavaScript层与上述Flutter层的桥接层面将序列化后的上述JavaScript层的DOM树传输给上述Dart层；

利用上述Flutter引擎对上述序列化后的上述JavaScript层的DOM树进行解析，得到上述Dart层的DOM树。

在一实施例中，上述的数据处理方法中上述利用Flutter引擎对上述序列化后的上述JavaScript层的DOM树进行解析，包括：

调用上述JavaScript层与上述Flutter层的桥接层面的API向上述Dart层发送指令；

利用上述Dart层将上述指令按预设数据结构进行存储；

通过上述JavaScript层与上述Flutter层的桥接层面将上述指令的存储地址发送给上述Dart层；

利用上述Dart层根据上述存储地址获取目的指令，并根据上述目的指令创建上述Dart层的DOM树。