本申请提供一种微前端模式下子应用的构建方法、装置、设备及存储介质，涉及互联网技术领域。该方法包括：在检测到向主应用中注册多个子应用时，生成各所述子应用对应的唯一标识；若检测到所述主应用针对所述子应用的加载事件，则将所述子应用的初始根标识更新为所述唯一标识；控制所述主应用根据更新后的初始根标识，加载渲染所述子应用。相对于现有技术，避免了一个主应用下的多个子应用根标识名称冲突的问题。突的问题。突的问题。
【技术实现步骤摘要】
微前端模式下子应用的构建方法、装置、设备及存储介质
[0001]本申请涉及互联网
，具体而言，涉及一种微前端模式下子应用的构建方法、装置、设备及存储介质。
技术介绍
[0002]微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用可以独立运行、独立开发、独立部署。
[0003]在多实例的微前端应用场景下，对子应用的注册方式只能选择与路由不关联的注册方式对各子应用进行注册，即只能通过手动加载各子应用的方式，由用户在配置文件中通过手动设置的方式，对各子应用的根标识节点的名称进行设置，随后将各子应用对应的渲染内容挂载到该子应用对应的根标识节点中，来实现同一时刻下多个子应用共存于单个页面中。
[0004]但是这样的注册方式，由于人工设置的误差性，或由于没有严格设置配置约定，很容易出现一个主应用下的多个子应用的根标识名称出现重名导致的冲突问题，或是忘记更改各子应用的默认根标识名称导致的根标识名称冲突的问题。
技术实现思路
[0005]本申请的目的在于，针对上述现有技术中的不足，提供一种微前端模式下子应用的构建方法、装置、设备及存储介质，以解决现有技术中一个主应用下的多个子应用根标识名称冲突的问题。
[0006]为实现上述目的，本申请实施例采用的技术方案如下：第一方面，本申请一实施例提供了一种微前端模式下子应用的构建方法，所述方法包括：在检测到向主应用中注册多个子应用时，生成各所述子应用对应的唯一标识；若检测到所述主应用针对所述子应用的加载事件，则将所述子应用的初始根标识更新为所述唯一标识；控制所述主应用根据更新后的初始根标识，加载渲染所述子应用。
[0007]可选地，所述生成各所述子应用对应的唯一标识，包括：根据预设的一组规则，生成各所述子应用对应的唯一标识。
[0008]可选地，所述若检测到所述主应用针对所述子应用的加载事件，则将所述子应用的初始根标识更新为所述唯一标识，包括：在所述主应用加载所述子应用时，由所述主应用将所述唯一标识传递至所述子应用，以使所述子应用将所述初始根标识更新为所述唯一标识。
[0009]可选地，所述由所述主应用将所述唯一标识传递至所述子应用，包括：由所述主应用将所述唯一标识作为参数，通过事件总线的方式传递至所述子应
用。
[0010]可选地，所述方法还包括：将所述子应用的挂载点的标识更新为所述唯一标识；所述控制所述主应用根据更新后的初始跟标识，加载渲染所述子应用，包括：控制所述主应用基于更新后的挂载点的标识，加载渲染所述子应用。
[0011]可选地，所述方法还包括：在检测到向子应用中注册多个实例时，生成各所述实例对应的唯一标识；若检测到所述子应用针对所述实例的加载事件，则将所述实例的初始根标识更新为所述唯一标识；控制所述子应用根据更新后的初始根标识，加载渲染所述实例。
[0012]可选地，所述若检测到所述子应用针对所述实例的加载事件，则将所述实例的初始根标识更新为所述唯一标识，包括：在所述子应用加载所述实例时，由所述子应用将所述唯一标识传递至所述实例，以使所述实例将所述初始根标识更新为所述唯一标识。
[0013]第二方面，本申请另一实施例提供了一种微前端模式下子应用的构建装置，所述装置包括：生成模块、更新模块和加载模块，其中：所述生成模块，用于在检测到向主应用中注册多个子应用时，生成各所述子应用对应的唯一标识；所述更新模块，用于若检测到所述主应用针对所述子应用的加载事件，则将所述子应用的初始根标识更新为所述唯一标识；所述加载模块，用于控制所述主应用根据更新后的初始根标识，加载渲染所述子应用。
[0014]可选地，所述生成模块，具体用于根据预设的一组规则，生成各所述子应用对应的唯一标识。
[0015]可选地，所述装置还包括：传递模块，用于在所述主应用加载所述子应用时，由所述主应用将所述唯一标识传递至所述子应用，以使所述子应用将所述初始根标识更新为所述唯一标识。
[0016]可选地，所述传递模块，具体用于由所述主应用将所述唯一标识作为参数，通过事件总线的方式传递至所述子应用。
[0017]可选地，所述更新模块，具体用于将所述子应用的挂载点的标识更新为所述唯一标识；所述加载模块，具体用于控制所述主应用基于更新后的挂载点的标识，加载渲染所述子应用。
[0018]可选地，所述生成模块，具体用于在检测到向子应用中注册多个实例时，生成各所述实例对应的唯一标识；所述更新模块，具体用于若检测到所述子应用针对所述实例的加载事件，则将所述实例的初始根标识更新为所述唯一标识；所述加载模块，具体用于控制所述子应用根据更新后的初始根标识，加载渲染所述实例。
[0019]可选地，所述传递模块，具体用于在所述子应用加载所述实例时，由所述子应用将所述唯一标识传递至所述实例，以使所述实例将所述初始根标识更新为所述唯一标识。
[0020]第三方面，本申请另一实施例提供了一种微前端模式下子应用的构建设备，包括：处理器、存储介质和总线，所述存储介质存储有所述处理器可执行的机器可读指令，当微前端模式下子应用的构建设备运行时，所述处理器与所述存储介质之间通过总线通信，所述处理器执行所述机器可读指令，以执行如上述第一方面任一所述方法的步骤。
[0021]第四方面，本申请另一实施例提供了一种存储介质，所述存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行如上述第一方面任一所述方法的步骤。
[0022]本申请的有益效果是：采用本申请提供的微前端模式下子应用的构建方法，由于每个子应用在注册时均会生成自己对应的唯一标识，因此在后续在加载渲染各子应用的时候，可以直接根据更新后的初始根标识，也即待渲染子应用的唯一标识唯一确定该初始根标识对应的待渲染子应用，并根据更新后的初始根标识对待渲染子应用进行加载渲染，解决了多个子应用的初始根标识重复或冲突的问题，保证了加载各子应用时的准确性。
附图说明
[0023]为了更清楚地说明本申请实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
[0024]图1为本申请一实施例提供的微前端模式下子应用的构建方法的流程示意图；图2为本申请另一实施例提供的微前端模式下子应用的构建方法的流程示意图；图3为本申请另一实施例提供的微前端模式下子应用的构建方法的流程示意图；图4为本申请一实施例提供的微前端模式下子应用的构建装置的结构示意图；图5为本申请另一实施例提供的微前端模式下子应用的构建装置的结构示意图；图6为本申请一实施例提供的微前端模式下子应用的构建设备的结构示意图。
具体实施方式
[0025]为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种微前端模式下子应用的构建方法，其特征在于，所述方法包括：在检测到向主应用中注册多个子应用时，生成各所述子应用对应的唯一标识；若检测到所述主应用针对所述子应用的加载事件，则将所述子应用的初始根标识更新为所述唯一标识；控制所述主应用根据更新后的初始根标识，加载渲染所述子应用。2.如权利要求1所述的方法，其特征在于，所述生成各所述子应用对应的唯一标识，包括：根据预设的一组规则，生成各所述子应用对应的唯一标识。3.如权利要求1所述的方法，其特征在于，所述若检测到所述主应用针对所述子应用的加载事件，则将所述子应用的初始根标识更新为所述唯一标识，包括：在所述主应用加载所述子应用时，由所述主应用将所述唯一标识传递至所述子应用，以使所述子应用将所述初始根标识更新为所述唯一标识。4.如权利要求3所述的方法，其特征在于，所述由所述主应用将所述唯一标识传递至所述子应用，包括：由所述主应用将所述唯一标识作为参数，通过事件总线的方式传递至所述子应用。5.如权利要求1所述的方法，其特征在于，所述方法还包括：将所述子应用的挂载点的标识更新为所述唯一标识；所述控制所述主应用根据更新后的初始跟标识，加载渲染所述子应用，包括：控制所述主应用基于更新后的挂载点的标识，加载渲染所述子应用。6.如权利要求1所述的方法，其特征在于，所述方法还包括：在检测到向子应用中注册多个实例时，生成各所述实例对应的唯一标识；若检测到所述子应用针对所述实例的加载事件，...
【专利技术属性】
技术研发人员：芮正云，斯炘，周宇，杨跃川，
申请(专利权)人：恒生电子股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。