[发明专利]移动APP动态化的方法、装置、计算机设备及存储介质

权利要求书

1.一种移动APP动态化的方法，其特征在于，所述移动APP动态化的方法由VueJS前端框架部分和Flutter框架部分构成；

所述VueJS前端框架部分包括：

建立带有VueJS运行库的JS框架层，所述JS框架层包括渲染指令树、Vue多页面实例、桥接器，以及与浏览器所提供的文档对象模型的API功能相对应的接口；

通过VueJS框架构建加载器，所述加载器用于生成在所述JS框架层中运行的JS脚本文件，并将所述JS脚本文件部署到预设服务器上；

所述Flutter框架部分包括：

通过JSC虚拟机构建第一运行时，所述第一运行时用于实现JS和Dart的双向通信；

针对Dart代码中使用了注解的类和类方法，通过编译工具生成字符串与所述类、字符串与所述类方法的映射表；

构建Dart页面布局管理器，所述Dart页面布局管理器用于对页面进行增、删、改、查及动态布局；

构建映射组件和映射模块，并将所述映射组件和映射模块注入到所述JS框架层中供所述VueJS前端框架部分进行调用和使用；

当由所述Flutter框架开发的移动APP加载所述JS框架层时，通过创建第二运行时对所述JS脚本文件中每一个运行实例进行管理；

其中，所述映射组件包括布局组件、容器组件、元素展示组件；所述映射模块包括通信总线、页面动态导航器、本地存储器；所述将所述映射组件和映射模块注入到所述JS框架层中，包括：

通过注释所述映射组件和映射模块，在预设编译工具编译时生成组件管理映射表和模块管理映射表，并将所述组件管理映射表和模块管理映射表注入到所述JS框架层的运行时中；

所述VueJS前端框架部分还包括：

通过nodeJS实现WebSocket服务器，当所述JS脚本文件部署到预设服务器上时，所述WebSocket服务器通知移动APP进行刷新。

2.如权利要求1所述的移动APP动态化的方法，其特征在于，所述加载器包括页面模板加载器和CSS加载器，所述页面模板加载器和CSS加载器通过打包编译，将Vue源代码编译成所述JS脚本文件。

3.如权利要求1所述的移动APP动态化的方法，其特征在于，所述通过JSC虚拟机构建第一运行时，包括：

使用Dart标准库FFI对所述JSC虚拟机中的JSC库的对外接口进行封装，构建实现JavaScript的所述第一运行时。

4.一种移动APP动态化的装置，其特征在于，由VueJS前端框架部分和Flutter框架部分构成；

所述VueJS前端框架部分包括：

JS框架层构建模块，用于建立带有VueJS运行库的JS框架层，所述JS框架层包括渲染指令树、Vue多页面实例、桥接器，以及与浏览器所提供的文档对象模型的API功能相对应的接口；

加载器构建模块，用于通过VueJS框架构建加载器，所述加载器用于生成在所述JS框架层中运行的JS脚本文件，并将所述JS脚本文件部署到预设服务器上；

所述Flutter框架部分包括：

虚拟机构建模块，用于通过JSC虚拟机构建第一运行时，所述第一运行时用于实现JS和Dart的双向通信；

反射与注解模块，用于针对Dart代码中使用了注解的类和类方法，通过编译工具生成字符串与所述类、字符串与所述类方法的映射表；

页面布局管理模块，用于构建Dart页面布局管理器，所述Dart页面布局管理器用于对页面进行增、删、改、查及动态布局；

映射组件及模块构建模块，用于构建映射组件和映射模块，并将所述映射组件和映射模块注入到所述JS框架层中供所述VueJS前端框架部分进行调用和使用；

Vue实例动态化管理模块，用于当由所述Flutter框架开发的移动APP加载所述JS框架层时，通过创建第二运行时对所述JS脚本文件中每一个运行实例进行管理；

其中，所述VueJS前端框架部分还包括：

更新提醒模块，用于通过nodeJS实现WebSocket服务器，当所述JS脚本文件部署到预设服务器上时，所述WebSocket服务器通知移动APP进行刷新。