[發明專利]移動APP動態化的方法、裝置、計算機設備及存儲介質

有效

• 申請號: 202110389727.3
• 申請日: 2021-04-12
• 公開（公告）號: CN113064593B
• 公開（公告）日: 2022-04-12
• 發明（設計）人: 吳雪含
• 申請（專利權）人: 深圳市活力天匯科技股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 北京中北知識產權代理有限公司 11253
• 代理人: 盧業強

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進行刷新。