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

权利要求书

1.一种数据处理方法，应用于客户端，所述客户端包括Flutter引擎，所述Flutter引擎包括Dart层，所述方法包括：

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

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

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

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

2.根据权利要求1所述的数据处理方法，其中，所述根据所述源代码数据得到JavaScript层的DOM树，包括：

构建DOMAPI；

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

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

3.根据权利要求1所述的数据处理方法，其中，所述将所述JavaScript层的DOM树转换为所述Dart层的DOM树，包括：

构建所述JavaScript层与所述Flutter层的桥接层面；

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

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

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

4.根据权利要求3所述的数据处理方法，其中，所述利用Flutter引擎对所述序列化后的所述JavaScript层的DOM树进行解析，包括：

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

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

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

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

5.根据权利要求3所述的数据处理方法，其中，所述利用所述Flutter引擎渲染所述Dart层的DOM树，得到所述目标页面，包括：

利用所述Flutter引擎将所述Dart层的DOM树转换为RenderObject数据；

利用所述Flutter引擎调用DartAPI根据所述RenderObject数据进行页面渲染，得到所述目标页面。

6.根据权利要求1所述的数据处理方法，其中，所述JSbundle文件存储于服务端，所述获取JSbundle文件包括：

向所述服务端发送http请求，以使所述服务端响应所述http请求，并发送所述JSbundle文件至所述客户端；

接收所述JSbundle文件。

7.一种数据处理装置，应用于客户端，所述客户端包括Flutter引擎，所述Flutter引擎包括Dart层，所述装置包括：

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

解析模块，用于根据所述源代码数据得到JavaScript层的DOM树；

转换模块，用于将所述JavaScript层的DOM树转换为所述Dart层的DOM树；

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

8.一种电子设备，包括：

一个或多个处理器；以及

存储器，用于存储一个或多个程序，

其中，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现权利要求1至6中任一项所述的方法。