基于微前端的数据处理方法、装置、设备及存储介质.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN116126430A(43)申请公布日2023.05.16(21)申请号202310028455.3(22)申请日2023.01.09(71)申请人北京达佳互联信息技术有限公司地址100085北京市海淀区上地西路6号1幢1层101D1-7(72)发明人张骋(74)专利代理机构广州三环专利商标代理有限公司44202专利代理师贾允(51)Int.Cl.G06F9/448(2018.01)G06F9/445(2018.01)G06F16/958(2019.01)权利要求书2页说明书13页附图3页(54)发明名称基于微前端的数据处理方法、装置、设备及存储介质(57)摘要本公开关于一种基于微前端的数据处理方法、装置、设备及存储介质，该方法通过获取用于构建微前端的至少一个子应用的源码文件；至少一个所述子应用包括多个页面模块；调用打包模块对至少一个所述子应用的源码文件进行打包处理，获得脚本文件；所述脚本文件中包括多个所述页面模块对外暴露经目标插件处理得到的渲染文本，所述目标插件集成在所述打包模块中；将所述脚本文件存储至目标存储位置，以在加载所述子应用过程中，从所述目标存储位置获取对外暴露的渲染文本进行渲染。从而实现无需微前端先各自发布，简化微前端应用过程。CN116126430ACN116126430A权利要求书1/2页1.一种基于微前端的数据处理方法，其特征在于，包括：获取用于构建微前端的至少一个子应用的源码文件；至少一个所述子应用包括多个页面模块；调用打包模块对至少一个所述子应用的源码文件进行打包处理，获得脚本文件；所述脚本文件中包括多个所述页面模块对外暴露经目标插件处理得到的渲染文本，所述目标插件集成在所述打包模块中；将所述脚本文件存储至目标存储位置，以在加载所述子应用过程中，从所述目标存储位置获取对外暴露的渲染文本进行渲染。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：响应于对至少一个所述子应用中目标子应用的加载指令，从所述目标存储位置中获取所述目标子应用的脚本文件和对应的关联资源数据；获取所述微前端对应的渲染执行函数，并基于所述渲染执行函数从所述脚本文件中获取目标页面模块的目标渲染文本；所述目标页面模块包括至少一个所述页面模块；在主应用中加载所述目标渲染文本和对应的关联资源数据。3.根据权利要求2所述的方法，其特征在于，所述在主应用中加载所述目标渲染文本和对应的关联资源数据包括：在所述加载指令指示非模块化加载模式的情况下，调用动态加载方法动态加载所述目标渲染文本和对应的关联资源数据；或者，在所述加载指令指示模块化加载模式的情况下，调用原生加载方法加载所述目标渲染文本和对应的关联资源数据。4.根据权利要求1‑3任一所述的方法，其特征在于，所述调用打包模块对至少一个所述子应用的源码文件进行打包处理，获得脚本文件包括：调用所述打包模块对至少一个所述子应用的源码文件进行打包处理；在打包过程中，调用所述目标插件，将获取的至少一个所述子应用的源码文件对应的渲染文本封装为渲染函数，所述渲染函数用于实现对外暴露渲染文本；基于打包后的源码文件和所述渲染函数，获得所述脚本文件。5.根据权利要求1‑3任一所述的方法，其特征在于，所述方法还包括：在打包过程中，调用所述目标插件，将至少一个所述子应用的源码文件对应的关联资源数据上传至目标存储地址对应的存储位置。6.根据权利要求5所述的方法，其特征在于，所述调用所述目标插件，将至少一个所述子应用的源码文件对应的关联资源数据上传至目标存储地址对应的存储位置包括：调用所述目标插件，将至少一个所述子应用的源码文件对应的全局资源路径指向目标存储地址；获取至少一个所述子应用的源码文件对应的关联资源数据，并将至少一个所述子应用的源码文件对应的关联资源数据上传至目标存储地址对应的存储位置。7.根据权利要求5所述的方法，其特征在于，所述关联资源数据包括用于表征模块或组件之间的依赖关系的依赖资源数据，或者包括用于表征不需要在运行时更改的静态资源数据、和用于表征未被打包的其他关联数据的外部资源数据。8.一种基于微前端的数据处理装置，其特征在于，包括：2CN116126430A权利要求书2/2页第一获取模块，被配置为执行获取用于构建微前端的至少一个子应用的源码文件；至少一个所述子应用包括多个页面模块；第一处理模块，被配置为执行调用打包模块对至少一个所述子应用的源码文件进行打包处理，获得脚本文件；所述脚本文件中包括多个所述页面模块对外暴露经目标插件处理得到的渲染文本，所述目标插件集成在所述打包模块中；存储模块，被配置为执行将所述脚本文件存储至目标存储位置，以在加载所述子应用过程中，从所述目标存储位置获取对外暴露的渲染文本进行渲染。9.一种电子设备，其特征在于