一种微前端应用系统、应用渲染方法、设备及存储介质.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN116186450A(43)申请公布日2023.05.30(21)申请号202211603636.6(22)申请日2022.12.13(71)申请人北京网太科技发展有限公司地址100070北京市丰台区科学城星火路11号3幢5层505-1室(72)发明人赵庆伟胥斌王彤黄少飞李雨鑫杜爱红(74)专利代理机构北京品源专利代理有限公司11332专利代理师康欢欢(51)Int.Cl.G06F16/958(2019.01)G06F9/54(2006.01)权利要求书2页说明书7页附图2页(54)发明名称一种微前端应用系统、应用渲染方法、设备及存储介质(57)摘要本申请实施例公开了一种微前端应用系统、应用渲染方法、设备及存储介质，该系统包括：基本应用模块，还包括：共享远程模块；所述基本应用模块，构建有一个或多个微前端应用；所述共享远程模块，作为共享资源池，构建有微前端应用所依赖的公共资源，并提供有远程容器入口，以供基本应用模块中微前端应用访问；所述微前端应用在构建时配置有所依赖公共资源的资源声明信息，在所述微前端应用进行加载操作时，基于所述资源声明信息通过所述远程容器入口，获得所需的公共资源。该系统通过将远程共享模块作为共享资源池，使得主应用与各个子应用可异步加载公共资源，使得构建应用时仅构建应用自身，可有效减少公共资源重复构建的问题。CN116186450ACN116186450A权利要求书1/2页1.一种微前端应用系统，包括：基本应用模块，其特征在于，还包括：共享远程模块；所述基本应用模块，构建有一个或多个微前端应用；所述共享远程模块，作为共享资源池，构建有微前端应用所依赖的公共资源，并提供有远程容器入口，以供基本应用模块中微前端应用访问；所述微前端应用在构建时配置有所依赖公共资源的资源声明信息，在所述微前端应用进行加载操作时，基于所述资源声明信息通过所述远程容器入口，获得所需的公共资源。2.根据权利要求1所述的系统，其特征在于，所述共享远程模块中的公共资源按照资源类型进行划分，包括工具函数模块、基础依赖模块以及UI组件模块；所述工具函数模块中包括与子应用框架无关的工具函数资源集；所述基础依赖模块中包括子应用的基础框架依赖的基础依赖函数资源集；所述UI组件模块中包括子应用所涉及UI框架的组件函数资源集。3.根据权利要求2所述的系统，其特征在于，所述UI组件模块中的UI组件函数对所述工具函数模块和/或基础依赖模块中的公共资源存在依赖需求；所述UI组件函数通过构建时配置的依赖资源声明信息从所述工具函数模块和/或基础依赖模块中获得所需的公共资源。4.根据权利要求1所述的系统，其特征在于，资源缓存区，所述资源缓存区，缓存有共享远程模块中首次被微前端应用访问并加载的公共资源，以用于作为微前端应用进行公共资源加载时的首选访问对象。5.根据权利要求4所述的系统，其特征在于，所述微前端应用，具体用于：接收到应用加载指令时，访问所述资源缓存区；当从所述资源缓存区中查找到所需的公共资源时，直接从所述资源缓存区加载所述公共资源；否则，基于所配置的资源声明信息通过所述远程容器入口，从所述共享远程模块中调用所需公共资源，并缓存至所述资源缓存区。6.一种微前端应用渲染方法，其特征在于，由权利要求1‑5任一项所述的微前端应用系统执行，包括：接收到网页端的应用访问请求后，确定所构建微前端应用中的主应用，并根据所述主应用中配置的资源声明信息访问共享资源池，获得主应用公共资源；基于所述主应用公共资源及主应用资源完成所述主应用加载后，根据路由变化确定待加载子应用；从所述待加载子应用的服务器获取并加载子应用资源，并根据所述待加载子应用中配置的资源声明信息获得子应用公共资源；基于所述子应用资源及子应用公共资源对所述待加载子应用进行应用渲染。7.根据权利要求6所述的方法，其特征在于，在基于所述主应用公共资源及主应用资源完成所述主应用加载之前，还包括：根据所述主应用的主应用标识，访问相应的服务器，获得所述主应用资源。8.根据权利要求6所述的方法，其特征在于，在获得主应用公共资源之前，还包括：将所述主应用公共资源的缓存至资源缓存区中；相应的，所述根据所述待加载子应用中配置的资源声明信息获得子应用公共资源，包2CN116186450A权利要求书2/2页括：访问资源缓存区，确定所述资源缓存区中是否包括相匹配公共资源；若是，则直接从所述资源缓存区加载所需公共资源；若否，基于资源声明信息确定所需公共资源的调用地址，通过所述远程容器入口，从公共资源池中调用所需公共资源，并缓存至所述资源缓存区。9.一种电子设备，其特征在于，作为权利要求1‑5任一项所述微前端应用系统中的执行设备，包括：至少一个处理器；以及与所述至少一个处理器通信连接