本技术涉及通信,尤其涉及一种低代码引擎的处理方法、装置、设备以及存储介质。
背景技术:
1、低代码引擎是一种技术框架或平台,用于支持低代码开发方法论的实施,其提供了一套工具和功能,能够提高应用程序的开发效率,减少手动编码的工作量,使开发人员能够更快速地构建应用程序,从而加快了软件开发周期。
2、目前,研究人员通常通过修改目标前端应用的html入口文件,引入javascript脚本资源和css样式资源,将低代码引擎集成到目标前端应用中。
3、然而,通过修改目标前端应用的html入口文件,引入javascript脚本资源和css样式资源将低代码引擎集成到目标前端应用的过程中,对目标前端应用的侵入性高,低代码引擎集成的效率低。
技术实现思路
1、本技术提供一种低代码引擎的处理方法、装置、设备以及存储介质,用以解决将低代码引擎集成到目标前端应用的过程中,对目标前端应用的侵入性高,低代码引擎集成的效率低的问题。
2、第一方面,本技术提供一种低代码引擎的处理方法,包括:
3、确定目标插件,目标插件的插件目录中存储有低代码引擎的编辑器组件和渲染器组件,其中,编辑器组件根据编辑器数据包得到,渲染器组件根据渲染器数据包得到,编辑器数据包的编辑器发布目录和渲染器数据包的渲染器发布目录均复制在目标前端应用的公共目录中,编辑器发布目录的名称与编辑器组件的名称对应,渲染器发布目录的名称与渲染器组件的名称对应;
4、将目标插件安装在目标前端应用的目标项目中;
5、启用目标插件,并根据目标插件中编辑器发布目录名称和渲染器发布目录名称,确定编辑器组件和渲染器组件的访问路径,访问路径用于使目标前端应用访问编辑器组件与渲染器组件;
6、将编辑器组件和渲染器组件集成至目标前端应用,得到集成前端应用。
7、在本技术实施例中,确定目标插件,包括:
8、确定内嵌框架元素、低代码引擎的编辑器数据包,其中,内嵌框架元素用于加载低代码引擎的编辑器数据包,并用于将编辑器数据包构建为编辑器组件;
9、根据内嵌框架元素、低代码引擎的编辑器数据包,确定编辑器组件、以及编辑器组件的第一访问路径,编辑器组件的第一访问路径根据内嵌框架元素的源地址属性确定;
10、根据编辑器组件的第一访问路径和渲染器组件,得到目标插件。
11、在本技术实施例中,确定低代码引擎的编辑器数据包,包括:
12、确定低代码引擎的引擎库、引擎插件、通用模块定义文件以及第一外部依赖配置,第一外部依赖配置用于避免打包工具对通用模块定义文件进行打包处理;
13、创建编辑器页面;
14、根据编辑器页面的标记语言引入低代码引擎的引擎库、引擎插件以及通用模块定义文件;
15、根据编辑器页面的编程语言和引擎库的应用程序编程接口初始化低代码引擎,并集成低代码引擎的引擎插件;
16、将集成低代码引擎的引擎插件后生成的数据打包为编辑器数据包。
17、在本技术实施例中,确定目标插件,包括:
18、确定微前端组件、低代码引擎的渲染器数据包,其中,微前端组件用于将渲染器包构建为渲染器组件;
19、根据微前端组件、低代码引擎的渲染器数据包,确定微前端组件的统一资源定位符,统一资源定位符用于确定渲染器组件的第二访问路径,第二访问路径用于使目标前端应用访问渲染器组件;
20、根据微前端组件、低代码引擎的渲染器包以及编辑器组件,得到目标插件。
21、在本技术实施例中,确定低代码引擎的渲染器包,包括:
22、确定渲染器工具包、通用模块定义文件、库文件、第二外部依赖配置,渲染器工具包用于将低代码引擎所生成的产物渲染为页面,第二外部依赖配置用于避免打包工具对通用模块定义文件以及库文件进行打包处理;
23、根据渲染器工具包创建渲染器页面;
24、将通用模块定义文件、库文件集成至渲染器页面;
25、将集成至渲染器页面的数据打包为渲染器数据包。
26、在本技术实施例中,确定目标插件,包括:
27、创建插件入口文件,插件入口文件用于实现目标回调函数;
28、根据目标回调函数将编辑器数据包的编辑器发布目录和渲染器数据包的渲染器发布目录复制至目标前端应用的公共目录中;
29、根据目标回调函数将编辑器组件与渲染器组件复制至目标前端应用的插件目录中。
30、在本技术实施例中,将编辑器组件和渲染器组件集成至目标前端应用,得到集成前端应用之后,还包括:
31、启动集成前端应用;
32、根据编辑器组件和渲染器组件的访问路径在集成前端应用上访问编辑器组件和渲染器组件。
33、第二方面,本技术提供一种低代码引擎的处理装置,装置包括:
34、第一确定模块,用于确定目标插件,目标插件的插件目录中存储有低代码引擎的编辑器组件和渲染器组件,其中,编辑器组件根据编辑器数据包得到,渲染器组件根据渲染器数据包得到,编辑器数据包的编辑器发布目录和渲染器数据包的渲染器发布目录均复制在目标前端应用的公共目录中,编辑器发布目录的名称与编辑器组件的名称对应,渲染器发布目录的名称与渲染器组件的名称对应;
35、安装模块,用于将目标插件安装在目标前端应用的目标项目中;
36、第二确定模块,用于启用目标插件,并根据目标插件中编辑器发布目录名称和渲染器发布目录名称,确定编辑器组件和渲染器组件的访问路径,访问路径用于使目标前端应用访问编辑器组件与渲染器组件;
37、集成模块,用于将编辑器组件和渲染器组件集成至目标前端应用,得到集成前端应用。
38、第三方面,本技术提供一种电子设备,包括:处理器,以及与处理器通信连接的存储器;
39、存储器存储计算机执行指令;
40、处理器执行存储器存储的计算机执行指令,以实现本技术实施例的低代码引擎的处理方法。
41、第四方面,本技术提供一种计算机可读存储介质,计算机可读存储介质中存储有计算机执行指令,计算机执行指令被处理器执行时用于实现本技术实施例的低代码引擎的处理方法。
42、本技术提供的低代码引擎的处理方法、装置、设备以及存储介质,通过确定目标插件,目标插件的插件目录中存储有低代码引擎的编辑器组件和渲染器组件,其中,编辑器组件根据编辑器数据包得到,渲染器组件根据渲染器数据包得到,编辑器数据包的编辑器发布目录和渲染器数据包的渲染器发布目录均复制在目标前端应用的公共目录中,编辑器发布目录的名称与编辑器组件的名称对应,渲染器发布目录的名称与渲染器组件的名称对应;将目标插件安装在目标前端应用的目标项目中;启用目标插件,并根据目标插件中编辑器发布目录名称和渲染器发布目录名称,确定编辑器组件和渲染器组件的访问路径,其中,访问路径用于使目标前端应用访问编辑器组件与渲染器组件;将编辑器组件和渲染器组件集成至目标前端应用,得到集成前端应用,使得目标前端应用可以通过目标插件集成将低代码引擎所需的编辑器和渲染器,减少了目标前端应用在集成低代码引擎时所需要安装的依赖包,降低了将低代码引擎集成到目标前端应用时对目标前端应用的侵入性,提高了将低代码引擎集成到目标前端应用的效率。