CN113391855A - 一种信息处理方法及装置、存储介质 - Google Patents

Abstract

本申请实施例公开了一种信息处理方法及装置、存储介质，信息处理方法应用于信息处理装置，信息处理方法包括：调用静态资源获取方法接收客户端传输的至少一个子应用信息；并从至少一个子应用信息中获取至少一个子应用对应的至少一个资源定位地址；调用静态资源获取方法在空闲时间段根据至少一个资源定位地址，向服务器请求至少一个子应用对应的至少一组静态元素；在接收到至少一个子应用中目标子应用的目标渲染指令的情况下，从至少一组静态元素中获取目标子应用对应的目标组静态元素，并将目标组静态元素加载至与目标子应用对应的基座应用中，得到与目标子应用对应的微前端。

Description

一种信息处理方法及装置、存储介质

技术领域

本申请涉及信息处理技术领域，尤其涉及一种信息处理方法及装置、存储介质。

背景技术

微前端分为基座应用和子应用，基座应用是主体应用，那些融合到基座应用中的小型应用称为子应用。

现有技术中，子应用包括静态资源，在将子应用渲染到基座应用时，需要先请求服务器，在服务器处获取子应用对应的静态资源，然后再将该静态资源加载至基座应用中，如此在服务器忙碌的情况下，获取到子应用的静态资源时的速度会变慢，从而降低了将静态资源加载至基座应用时的速度。

发明内容

为解决上述技术问题，本申请实施例期望提供一种信息处理方法及装置、存储介质，能够提高将静态元素加载至基座应用时的速度。

本申请的技术方案是这样实现的：

本申请实施例提供一种信息处理方法，应用于信息处理装置，所述信息处理方法包括：

调用静态资源获取方法接收客户端传输的至少一个子应用信息；并从所述至少一个子应用信息中获取至少一个子应用对应的至少一个资源定位地址；

调用所述静态资源获取方法在空闲时间段根据所述至少一个资源定位地址，向服务器请求所述至少一个子应用对应的至少一组静态元素；

在接收到所述至少一个子应用中目标子应用的目标渲染指令的情况下，从所述至少一组静态元素中获取所述目标子应用对应的目标组静态元素，并将所述目标组静态元素加载至与所述目标子应用对应的基座应用中，得到与所述目标子应用对应的微前端。

本申请实施例提供了一种信息处理装置，所述装置包括：

接收单元，用于调用静态资源获取方法接收客户端传输的至少一个子应用信息；在接收到所述至少一个子应用中目标子应用的目标渲染指令的情况下，从所述至少一组静态元素中获取所述目标子应用对应的目标组静态元素；

获取单元，用于从所述至少一个子应用信息中获取至少一个子应用对应的至少一个资源定位地址；

请求单元，用于调用所述静态资源获取方法在空闲时间段根据所述至少一个资源定位地址，向服务器请求所述至少一个子应用对应的至少一组静态元素；

添加单元，用于将所述目标组静态元素加载至与所述目标子应用对应的基座应用中，得到与所述目标子应用对应的微前端。

本申请实施例提供了一种信息处理装置，所述装置包括：

存储器、处理器和通信总线，所述存储器通过所述通信总线与所述处理器进行通信，所述存储器存储所述处理器可执行的信息处理的程序，当所述信息处理的程序被执行时，通过所述处理器执行上述所述的信息处理方法。

本申请实施例提供了一种存储介质，其上存储有计算机程序，应用于信息处理装置，其特征在于，该计算机程序被处理器执行时实现上述所述的信息处理方法。

本申请实施例提供了一种信息处理方法及装置、存储介质，信息处理方法应用于信息处理装置，信息处理方法包括：调用静态资源获取方法接收客户端传输的至少一个子应用信息；并从至少一个子应用信息中获取至少一个子应用对应的至少一个资源定位地址；调用静态资源获取方法在空闲时间段根据至少一个资源定位地址，向服务器请求至少一个子应用对应的至少一组静态元素；在接收到至少一个子应用中目标子应用的目标渲染指令的情况下，从至少一组静态元素中获取目标子应用对应的目标组静态元素，并将目标组静态元素加载至与目标子应用对应的基座应用中，得到与目标子应用对应的微前端。采用上述方法实现方案，信息处理装置通过设置静态资源获取方法，信息处理装置可以调用静态资源获取方法接收至少一个子应用信息，并调用静态资源获取方法在信息处理装置空闲的情况下，根据至少一个子应用信息对应的至少一个资源定位地址，从服务器处获取到至少一个子应用对应的至少一组静态元素，使得信息处理装置在接收到至少一个子应用中目标子应用的目标渲染指令的情况下，信息处理装置不需要再从服务器中请求目标组静态元素了，可以直接利用静态资源获取方法在信息处理装置空闲情况下获取到的至少一组静态元素中获取目标组静态元素，以将目标静态元素直接加载至基座应用中得到微前端，提高了信息处理装置获取到目标组静态元素的速度，从而提高了将目标静态元素加载至基座应用时的速度。

附图说明

图1为本申请实施例提供的一种信息处理方法流程图；

图2为本申请实施例提供的一种示例性的信息处理方法流程图一；

图3为本申请实施例提供的一种示例性的信息处理方法流程图二；

图4为本申请实施例提供的一种信息处理装置的组成结构示意图一；

图5为本申请实施例提供的一种信息处理装置的组成结构示意图二。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

实施例一

本申请实施例提供了一种信息处理方法，一种信息处理方法应用于信息处理装置，图1为本申请实施例提供的一种信息处理方法流程图，如图1所示，信息处理方法可以包括：

S101、调用静态资源获取方法接收客户端传输的至少一个子应用信息；并从至少一个子应用信息中获取至少一个子应用对应的至少一个资源定位地址。

本申请实施例提供的一种信息处理方法适用于信息处理装置对子应用进行渲染的场景下。

在本申请实施例中，信息处理装置可以以各种形式来实施。例如，本申请中描述的信息处理装置可以包括诸如手机、照相机、平板电脑、笔记本电脑、掌上电脑、个人数字助理(Personal Digital Assistant，PDA)、便捷式媒体播放器(Portable Media Player，PMP)、导航装置、可穿戴设备、智能手环、计步器等装置，以及诸如数字TV、台式计算机、服务器等装置。

在本申请实施例中，静态资源获取方法可以为prefetchApps的方法，还可以为其他的从服务器处获取到至少一个子应用的静态资源的方法，具体的可根据实际情况进行确定，本申请实施例对此不作限定。

在本申请实施例中，信息处理装置中设置有prefetchApps工具，prefetchApps工具中携带有prefetchApps的方法。

在本申请实施例中，信息处理装置可以先封装一个名称为prefetchApps方法，利用prefetchApps方接收一个数组作为参数，数组中包含至少一个子应用的至少一个子应用信息。prefetchApps方法会在信息处理装置(浏览器)空闲时间段根据传入的至少一个子应用信息获取到至少一组静态元素，并将该至少一组静态元素缓存至appCaches对象中。在子应用被渲染的情况下，若子应用的静态元素已经存在appCaches对象中，则直接从appCaches对象中获取该静态元素进行渲染。

在本申请实施例中，信息处理装置至少一个子应用信息获取到至少一组静态元素的过程，可以为信息处理装置调用prefetchApps方法根据至少一个子应用信息从服务器处先获取到至少一个子应用对应的至少一个超文本地址，然后信息处理装置通过解析该至少一个超文本地址，从而得到至少一组静态元素。

需要说明的是，至少一组静态元素包括至少一组层叠样式表(CascadingStyleSheets，CSS)静态资源、至少一组JS(Javascript)静态资源。

需要说明的是，至少一个子应用信息包括至少一个子应用对应的至少一个资源定位地址。其中，至少一个资源定位地址可以为至少一个子应用的统一资源定位器(UniformResource Locator，url)地址。

具体的，信息处理装置可以调用prefetchApps方法根据至少一个子应用的url地址从服务器处先获取到至少一个子应用对应的至少一个超文本地址。

在本申请实施例中，至少一个子应用与至少一个子应用信息一一对应；至少一个子应用与至少一个资源定位地址一一对应。具体的，一个子应用对应一个子应用信息；一个子应用对应一个资源定位地址。

在本申请实施例中，信息处理装置从至少一个子应用信息中获取至少一个子应用对应的至少一个资源定位地址的过程，还包括：信息处理装置从至少一个子应用信息中获取至少一个子应用对应至少一个子应用标识。

需要说明的是，至少一个子应用信息中除了至少一个子应用对应的至少一个资源定位地址外，还包括至少一个子应用对应至少一个子应用标识。其中，至少一个子应用标识可以为至少一个子应用的name名称。

在本申请实施例中，信息处理装置得到至少一个子应用标识之后，信息处理装置就将该至少一个子应用标识缓存至appCaches对象中。

S102、调用静态资源获取方法在空闲时间段根据至少一个资源定位地址，向服务器请求至少一个子应用对应的至少一组静态元素。

在本申请实施例中，信息处理装置从至少一个子应用信息中获取至少一个子应用对应的至少一个资源定位地址之后，信息处理装置就可以根据至少一个资源定位地址，向服务器请求至少一个子应用对应的至少一组静态元素；并将至少一组静态元素缓存至应用程序缓存。

在本申请实施例中，至少一个子应用与至少一组静态元素一一对应，具体的，一个子应用对应一组静态元素。

在本申请实施例中，空闲时间段可以为信息处理装置中的中央处理器(centralprocessing unit，CPU)等待完成输入/输出(input/output，I/O)请求的时间，空闲时间也可以为信息处理装置中配置的预设时间段，具体的可根据实际情况进行确定，本申请实施例对此不作限定。

在本申请实施例中，信息处理装置调用静态资源获取方法在空闲时间段根据至少一个资源定位地址，向服务器请求至少一个子应用对应的至少一组静态元素的过程，包括：信息处理装置利用静态资源获取方法在空闲时间段，向服务器发送至少一个资源定位地址对应的至少一个静态资源获取请求；在静态资源获取方法接收到服务器基于至少一个静态资源获取请求发送的响应信息的情况下，信息处理装置从响应信息中获取至少一个子应用对应的至少一个超文本地址；信息处理装置解析至少一个超文本地址，得到至少一组静态元素。

在本申请实施例中，超文本地址可以为超文本标记语言(Hyper TextMarkupLanguage，HTML)地址。示例性的，HTML地址可以为http://www.jjd.com/index.html。

在本申请实施例中，信息处理装置解析至少一个超文本地址，得到至少一组静态元素的过程，包括：信息处理装置在至少一个超文本地址获取至少一个超文本信息，并将至少一个超文本信息转化为至少一组元素；信息处理装置在至少一组元素中的第一组元素中，筛选出第一组静态元素，直至从至少一组元素中筛选出至少一组静态元素。

需要说明的是，至少一个超文本信息可以为至少一个HTML的内容。

在本申请实施例中，信息处理装置在至少一个超文本地址获取至少一个超文本信息的过程，包括信息处理装置调用loadMicroApp函数并传入至少一个超文本地址，loadMicroApp接收到至少一个超文本地址后会将该至少一个超文本地址转化为字符串格式的至少一个超文本地址，然后调用信息处理装置自带的fetch方法通过传入的字符串格式的至少一个超文本地址获取至少一个超文本信息。需要说明的是，至少一个超文本信息为字符串类型的信息。

在本申请实施例中，至少一个超文本地址与至少一个超文本信息一一对应，具体的，一个超文本地址对应一个超文本信息。

在本申请实施例中，信息处理装置将至少一个超文本信息转化为至少一组元素的过程，可以为信息处理装置先将至少一个超文本信息中的第一个超文本信息转化为第一组元素，然后信息处理装置再将至少一个超文本信息中的第二个超文本信息转化为第二组元素，…直至信息处理装置将至少一个超文本信息中的最后个超文本信息转化为最后一组元素。

在本申请实施例中，信息处理装置将至少一个超文本信息中的第一个超文本信息转化为第一组元素的过程，包括：信息处理装置调用document.createElement方法创建区隔标记标签为div(division)标签，然后信息处理装置将获取的至少一个超文本信息通过innerHTML方法插入到div标签中，从而将至少一个超文本信息转换为文档对象模型(Document Object Modal，DOM)结构，得到至少一组元素。

在本申请实施例中，信息处理装置在至少一组元素中的第一组元素中，筛选出第一组静态元素的过程，包括：信息处理装置根据预设的静态资源属性，从第一组元素中筛选目标元素；信息处理装置获取目标元素对应的静态资源信息；信息处理装置利用静态资源信息调整目标元素的目标标签，得到第一组静态元素。

在本申请实施例中，预设静态资源属性可以为CSS静态资源属性或者JS静态资源属性。

在本申请实施例中，信息处理装置可以先检测第一组元素的第一元素的属性，在该第一元素的属性为预设静态资源属性的情况下，就确定该第一元素为目标元素；然后信息处理装置再检测第一组元素中的第二元素的属性，在该第二元素的属性为静态资源属性的情况下，就确定该第二元素为目标元素；…；直至从第一组元素中筛选出所有的目标元素。

需要说明的是，第一元素为第一组元素中的任一元素；第二元素为多个元素中除第一元素外的任一元素。

在本申请实施例中，静态资源信息为静态资源的内容。具体的，若静态资源属性可以为CSS静态资源属性，则静态资源信息为CSS静态资源的内容；若静态资源属性可以为JS静态资源属性，则静态资源信息为JS静态资源的内容。其中，CSS静态资源的内容和JS静态资源的内容均为字符串类型的内容。

在本申请实施例中，信息处理装置根据预设的静态资源属性，从第一组元素中筛选目标元素的过程，包括：信息处理装置获取第一组元素对应的第一组元素标签和第一组地址属性；在第一组元素标签中的第一标签为连接标签或者脚本标签、且存在第一标签对应的第一地址属性情况下，信息处理装置确定第一标签对应的元素为目标元素。

需要说明的是，第一标签为第一组元素标签中的部分标签，第一地址属性为第一组地址属性中的部分地址属性。

在本申请实施例中，第一组元素与第一组元素标签一一对应，第一组元素与第一组地址属性一一对应。

在本申请实施例中，第一组元素标签包括连接标签和脚本标签。其中，连接标签可以为link标签，脚本标签为script标签。

在本申请实施例中，第一组地址属性包括超文本引用(Hypertext Reference，href)属性和src(sparse representation-based classifier)属性。具体的，若第一组元素中第一元素标签为link标签，则第一元素对应的第一地址属性为href属性；若第一元素标签为script标签，则第一地址属性为src属性。

在本申请实施例中，信息处理装置获取第一组元素对应的第一组元素标签和第一组地址属性之后，信息处理装置可以先检测第一元素的第一元素标签，在信息处理装置确定出该第一元素标签是连接标签的情况下，信息处理装置就检测该第一元素的第一地址属性和元素属性，在信息处理装置确定出该第一地址属性属性存在、且元素属性为字符串属性的情况下，信息处理装置就确定该第一元素为满足(CSS)静态资源属性的目标元素，信息处理装置就获取目标元素对应的静态资源信息；利用静态资源信息调整目标元素的目标标签，得到静态元素。然后信息处理装置接着检测第一组元素中的下一个元素(即第二元素)的元素标签，处理第二元素，直至在第一组元素中，筛选出所有满足预设静态资源属性的第一组静态元素。在信息处理装置确定出该第一元素的标签是连接标签的情况下，但是信息处理装置确定出该第一地址属性不存在、或者第一元素的元素属性不为字符串属性的情况下，信息处理装置就舍弃该第一元素，处理第一组元素中的下一个元素(即第二元素)，直至在第一组元素中，筛选出所有满足预设静态资源属性的第一组静态元素。若信息处理装置确定出第一元素的元素标签是不连接标签，而是脚本标签，信息处理装置在确定出该第一元素的地址属性不存在的情况下，信息处理装置就确定该第一元素的标签具体为内联脚本标签，信息处理装置就舍弃该第一元素，处理下一个元素，直至在多个元素中，筛选出所有满足预设静态资源属性的第一组静态元素。若信息处理装置确定出第一元素的第一元素标签是脚本标签、且该第一地址属性存在的情况下，信息处理装置就确定该第一元素标签为远程脚本标签，信息处理装置就确定该第一元素为满足(JS)静态资源属性的目标元素，信息处理装置就获取目标元素对应的静态资源信息；利用静态资源信息调整目标元素的目标标签，得到静态元素。然后信息处理装置接着检测第一组元素中的下一个元素(即第二元素)的第二元素标签，处理下一个元素，直至在第一组元素中，筛选出所有满足预设静态资源属性的第一组静态元素。在信息处理装置确定出该第一元素的第一元素标签不是脚本标签，也不是连接标签的情况下，信息处理装置就确定该第一元素为普通元素，信息处理装置就可以进一步确定该普通元素是否存在子元素，若该普通元素存在子元素，则信息处理装置可以在接着检测该子元素的标签，从子元素中筛选出满足预设静态资源属性的静态元素，若该普通元素不存在子元素，则信息处理装置舍弃该普通元素，接着处理下一个元素，直至在第一组元素中，筛选出所有满足预设静态资源属性的第一组静态元素。

在本申请实施例中，在第一组元素标签中的第一标签为连接标签或者脚本标签、且存在第一标签对应的第一地址属性情况下，信息处理装置确定第一标签对应的元素为目标元素的过程，包括：在第一组元素标签中的第一标签为脚本标签，且第一标签对应的第一地址属性存在的情况下，信息处理装置确定第一标签对应的元素为目标元素；在第一组元素标签中的第一标签为连接标签的情况下，信息处理装置检测第一地址属性和第一标签对应的元素的元素属性；在元素属性为字符串属性、且第一地址属性存在的情况下，信息处理装置确定第一标签对应的元素为目标元素。

需要说明的是，若第一组元素标签中的第一标签为脚本标签(即script标签)，且第一地址属性(即src属性)存在，则信息处理装置就确定第一标签对应的元素为目标元素。若第一组元素标签中的第一标签为连接标签(即link标签)，信息处理装置进一步确定出第一标签对应的元素属性为字符串属性、且第一地址属性(即href属性)存在，则信息处理装置就确定第一标签对应的元素为目标元素。

需要说明的是，元素属性可以为rel(relationship)属性。字符串属性具体为字符串stylesheet。

在本申请实施例中，若第一标签不是连接标签，也不是脚本标签，则信息处理装置就可以确定该第一标签对应的元素是普通元素，信息处理装置就可以进一步确定该普通元素是否存在子元素，若该普通元素存在子元素，则信息处理装置可以对该子元素再依次进行处理，从子元素中筛选出满足静态资源属性的静态元素，若该普通元素不存在子元素，则信息处理装置舍弃该普通元素，接着处理下一个元素，直至信息处理装置从第一组元素中筛选出所有的满足静态资源属性的静态元素。

在本申请实施例中，信息处理装置获取目标元素对应的静态资源信息之前，信息处理装置还会获取目标元素对应的第一地址属性；信息处理装置根据第一地址属性，获取目标元素的元素地址；相应的，信息处理装置获取目标元素对应的静态资源信息的过程，包括：信息处理装置获取元素地址指向的静态资源信息。

在本申请实施例中，若第一地址属性存在，则第一地址属性的值就是元素地址。信息处理装置在获取第一地址属性之后，信息处理装置就可以获取第一地址属性的值，从而得到元素地址。

在本申请实施例中，信息处理装置可以通过fetch方法获取元素地址指向的静态资源信息。

在本申请实施例中，若目标元素的目标标签为连接标签，信息处理装置可以通过fetch方法获取元素地址指向的CSS静态资源的内容；若目标元素的目标标签为脚本标签，信息处理装置通过fetch方法获取元素地址指向的JS静态资源的内容。

在本申请实施例中，信息处理装置在至少一个超文本地址获取至少一个超文本信息之前，信息处理装置还会从至少一个超文本地址中，获取至少一个子应用的至少一个域名；相应的，信息处理装置根据第一地址属性，获取目标元素的元素地址的过程，包括：信息处理装置根据第一地址属性，获取目标元素的初始地址；信息处理装置在初始地址中不包括域名的情况下，信息处理装置从至少一个域名中确定出所述目标元素对应的目标域名；信息处理装置在初始地址中添加目标域名，得到元素地址；信息处理装置在初始地址中包括域名的情况下，将初始地址作为元素地址。

在本申请实施例中，至少一个超文本地址中包括至少一个子应用的至少一个域名，信息处理装置在得到至少一个超文本地址之后，信息处理装置就可以从至少一个超文本地址中得到至少一个域名。

在本申请实施例中，信息处理装置在确定出初始地址中不包括域名的情况下，通过在初始地址中添加目标域名，就得到了元素地址，以供访问者可以在包括目标域名的元素地址中查找到元素地址对应的内容。

在本申请实施例中，信息处理装置利用静态资源信息调整目标元素的目标标签，得到第一组静态元素之前，信息处理装置还会创建当前标签；相应的，信息处理装置利用静态资源信息调整目标元素的目标标签，得到第一组静态元素的过程，包括：信息处理装置将静态资源信息插入当前标签中，得到更新后的当前标签；利用更新后的当前标签替换目标标签，得到第一组静态元素。

在本申请实施例中，当前标签包括样式标签和当前脚本标签。具体的，样式标签可以为style标签，当前脚本标签可以为内联的script标签。

在本申请实施例中，当前标签可以为样式标签，当前标签也可以为当前脚本标签，具体的可根据实际情况进行确定，本申请实施例对此不作限定。

在本申请实施例中，若目标元素的目标标签为连接标签，信息处理装置可以调用该目标元素的父级元素自带的元素替换方法来将该目标元素的目标标签(连接标签)替换为更新后的当前标签，从而得到得到第一组静态元素。若目标元素的目标标签为脚本标签，信息处理装置可以调用该目标元素的父级元素自带的元素替换方法来将目标元素的目标标签(脚本标签)替换为更新后的当前标签，从而得到得到第一组静态元素。

需要说明的是，元素替换方法可以为replaceChild方法，也可以为其他的方法，具体的可根据实际情况进行确定，本申请实施例对此不作限定。

在本申请实施例中，当前标签包括样式标签；静态资源信息包括层叠样式静态资源信息；信息处理装置将静态资源信息插入当前标签中，得到更新后的当前标签的过程，包括：信息处理装置将层叠样式静态资源信息插入样式标签中，得到更新后的当前标签。

在本申请实施例中，层叠样式静态资源信息可以为CSS静态资源的内容。

在本申请实施例中，若样式标签为style标签，信息处理装置可以通过将层叠样式静态资源信息赋值给样式标签的textContent变量的方式，来将层叠样式静态资源信息插入样式标签中，得到更新后的当前标签；信息处理装置也可以利用其他的方式，将层叠样式静态资源信息插入样式标签中，得到更新后的当前标签，具体的可根据实际情况进行确定，本申请实施例对此不作限定。

在本申请实施例中，当前标签包括当前脚本标签；静态资源信息包括脚本静态资源信息；信息处理装置将静态资源信息插入当前标签中，得到更新后的当前标签的过程，包括：信息处理装置将脚本静态资源信息插入当前脚本标签中，得到更新后的当前标签。

在本申请实施例中，脚本静态资源信息可以为JS静态资源的内容。

在本申请实施例中，若脚本标签可以为script标签，信息处理装置可以通过将脚本静态资源信息赋值给脚本标签的textContent变量的方式，来将脚本静态资源信息插入脚本标签中，得到更新后的当前标签；信息处理装置也可以利用其他的方式，将将脚本静态资源信息插入脚本标签中，得到更新后的当前标签，具体的可根据实际情况进行确定，本申请实施例对此不作限定。

S103、在接收到至少一个子应用中目标子应用的目标渲染指令的情况下，从至少一组静态元素中获取目标子应用对应的目标组静态元素，并将目标组静态元素加载至与目标子应用对应的基座应用中，得到与目标子应用对应的微前端。

在本申请实施例中，信息处理装置根据至少一个资源定位地址，向服务器请求至少一个子应用对应的至少一组静态元素；并将至少一组静态元素缓存至应用程序缓存之后，信息处理装置就可以在接收到至少一个子应用中目标子应用的渲染指令的情况下，从应用程序缓存中获取目标子应用对应的目标组静态元素，并将目标组静态元素加载至基座应用中，得到与渲染指令对应的微前端。

在本申请实施例中，信息处理装置中至少一组静态元素中获取目标子应用对应的目标组静态元素之后，可以根据目标组静态元素得到一个格式化后的DOM结构，也就是具有DOM结构的div元素，此时，远程CSS静态资源和JS静态资源都已经被获取并作为目标组静态元素放入DOM结构中。最后将具有DOM结构的div元素插入到基座应用中，CSS静态资源和JS静态资源都会自动生效并执行，目标子应用即可正常渲染，从而实现了目标子应用的微前端的构建。

在本申请实施例中，目标渲染指令中包括目标子应用的目标子应用标识，信息处理装置从至少一组静态元素中获取目标子应用对应的目标组静态元素的过程，还包括：信息处理装置在至少一个子应用标识中查找与目标子应用标识匹配的第一标识；信息处理装置在至少一组静态元素中，获取与第一标识匹配的目标组静态元素。

在本申请实施例中，至少一个子应用标识缓存于appCaches对象中，信息处理装置可以在appCaches对象中将目标子应用标识与至少一个子应用标识一一进行匹配，从而确定出第一标识，之后信息处理装置再在appCaches对象的至少一组静态元素中，查找与第一标识匹配的目标组静态元素。

在本申请实施例中，信息处理装置调用静态资源获取方法在空闲时间段根据至少一个资源定位地址，向服务器请求至少一个子应用对应的至少一组静态元素之后，信息处理装置在待处理子应用不为至少一个子应用中的应用、且接收到待处理子应用的渲染指令的情况下，信息处理装置从渲染指令中获取待处理子应用对应的待处理资源定位地址；信息处理装置根据待处理资源定位地址，向服务器请求待处理子应用对应的待处理静态元素。

在本申请实施例中，在信息处理装置接收到待处理子应用的渲染指令、且信息处理装置确定出该待处理子应用不属于至少一个子应用中的应用的情况下，信息处理装置就从渲染指令中获取该待处理子应用对应的待处理资源定位地址；然后信息处理装置就向服务器发送该待处理资源定位地址对应的待处理静态资源获取请求，以在信息处理装置接收到服务器基于该待处理静态资源获取请求发送的待处理响应信息的情况下，从该待处理响应信息获取该待处理子应用对应的待处理超文本地址，然后信息处理装置通过解析该待处理超文本地址，得到待处理子应用对应的待处理静态元素。

示例性的，一种示例性的信息处理方法如图2所示：

S1、信息处理装置调用静态资源获取方法接收客户端传输的至少一个子应用信息；并从至少一个子应用信息中获取至少一个子应用对应的至少一个资源定位地址和至少一个子应用对应至少一个子应用标识。

S2、信息处理装置利用静态资源获取方法在空闲时间段，向服务器发送至少一个资源定位地址对应的至少一个静态资源获取请求。

S3、在静态资源获取方法接收到服务器基于至少一个静态资源获取请求发送的响应信息的情况下，信息处理装置从响应信息中获取至少一个子应用对应的至少一个超文本地址。

S4、信息处理装置在至少一个超文本地址获取至少一个超文本信息，并将至少一个超文本信息转化为至少一组元素。

S5、信息处理装置获取第一组元素对应的第一组元素标签和第一组地址属性。

需要说明的是，第一组元素为至少一组元素中的任一组元素。

S6、在第一组元素标签中的第一标签为脚本标签，且第一标签对应的第一地址属性存在的情况下，信息处理装置确定第一标签对应的元素为目标元素。

S7、在第一组元素标签中的第一标签为连接标签的情况下，信息处理装置检测第一地址属性和第一标签对应的元素的元素属性。

S8、在元素属性为字符串属性、且第一地址属性存在的情况下，信息处理装置确定第一标签对应的元素为目标元素。

需要说明的是，第一标签为第一组元素标签中的部分标签，第一地址属性为第一组地址属性中的部分地址属性。

S9、信息处理装置获取目标元素对应的第一地址属性；并根据第一地址属性，获取目标元素的元素地址。

S10、信息处理装置获取元素地址指向的静态资源信息。

S11、信息处理装置创建当前标签，并将将静态资源信息插入当前标签中，得到更新后的当前标签。

S12、信息处理装置利用更新后的当前标签替换目标元素的目标标签，得到第一组静态元素，直至信息处理装置从至少一组元素中筛选出至少一组静态元素。

S13、在接收到至少一个子应用中目标子应用的目标渲染指令的情况下，信息处理装置在至少一个子应用标识中查找与目标子应用标识匹配的第一标识。

S14、信息处理装置在至少一组静态元素中，获取与第一标识匹配的目标组静态元素；并将将目标组静态元素加载至与目标子应用对应的基座应用中，得到与目标子应用对应的微前端。

示例性的，一种示例性的信息处理方法如图3所示：

S31、在接收到至少一个子应用中目标子应用的目标渲染指令的情况下，信息处理装置就从目标渲染指令获取目标子应用的目标子应用标识。

S32、信息处理装置在至少一个子应用标识中查找与目标子应用标识匹配的第一标识。

S33、信息处理装置在至少一组静态元素中，获取与第一标识匹配的目标组静态元素。

S34、信息处理装置将目标组静态元素加载至与目标子应用对应的基座应用中，得到与目标子应用对应的微前端。

S35、信息处理装置在接收到待处理子应用的渲染指令、且待处理子应用不为至少一个子应用中的应用的情况下，信息处理处理装置就从渲染指令中获取待处理子应用对应的待处理资源定位地址。

S36、信息处理装置根据待处理资源定位地址，向服务器请求待处理子应用对应的待处理静态元素。

S37、信息处理装置将待处理静态元素加载至与待处理子应用对应的基座应用中，得到与待处理子应用对应的微前端。

可以理解的是，信息处理装置通过设置静态资源获取方法，信息处理装置可以调用静态资源获取方法接收至少一个子应用信息，并调用静态资源获取方法在信息处理装置空闲的情况下，根据至少一个子应用信息对应的至少一个资源定位地址，从服务器处获取到至少一个子应用对应的至少一组静态元素，使得信息处理装置在接收到至少一个子应用中目标子应用的目标渲染指令的情况下，信息处理装置不需要再从服务器中请求目标组静态元素了，可以直接利用静态资源获取方法在信息处理装置空闲情况下获取到的至少一组静态元素中获取目标组静态元素，以将目标静态元素直接加载至基座应用中得到微前端，提高了信息处理装置获取到目标组静态元素的速度，从而提高了将目标静态元素加载至基座应用时的速度。

实施例二

基于实施例一同一发明构思，本申请实施例提供了一种信息处理装置1，对应于一种信息处理方法；图4为本申请实施例提供的一种信息处理装置的组成结构示意图一，该信息处理装置1可以包括：

接收单元11，用于调用静态资源获取方法接收客户端传输的至少一个子应用信息；在接收到所述至少一个子应用中目标子应用的目标渲染指令的情况下，从所述至少一组静态元素中获取所述目标子应用对应的目标组静态元素；

获取单元12，用于从所述至少一个子应用信息中获取至少一个子应用对应的至少一个资源定位地址；

请求单元13，用于调用所述静态资源获取方法在空闲时间段根据所述至少一个资源定位地址，向服务器请求所述至少一个子应用对应的至少一组静态元素；

添加单元14，用于将所述目标组静态元素加载至与所述目标子应用对应的基座应用中，得到与所述目标子应用对应的微前端。

在本申请的一些实施例中，所述装置还包括发送单元和解析单元；

所述发送单元，用于利用所述静态资源获取方法在所述空闲时间段，向服务器发送所述至少一个资源定位地址对应的至少一个静态资源获取请求；

所述获取单元12，用于在所述静态资源获取方法接收到所述服务器基于所述至少一个静态资源获取请求发送的响应信息的情况下，从所述响应信息中获取所述至少一个子应用对应的至少一个超文本地址；

所述解析单元，用于解析所述至少一个超文本地址，得到所述至少一组静态元素。

在本申请的一些实施例中，所述获取单元12，用于从所述至少一个子应用信息中获取所述至少一个子应用对应至少一个子应用标识。

在本申请的一些实施例中，目标渲染指令中包括所述目标子应用的目标子应用标识；所述装置还包括查找单元；

所述查找单元，用于在所述至少一个子应用标识中查找与所述目标子应用标识匹配的第一标识；

获取单元12，用于在所述至少一组静态元素中，获取与所述第一标识匹配的所述目标组静态元素。

在本申请的一些实施例中，所述获取单元12，用于在待处理子应用不为所述至少一个子应用中的应用、且接收到所述待处理子应用的渲染指令的情况下，从所述渲染指令中获取所述待处理子应用对应的待处理资源定位地址；

所述请求单元13，用于根据所述待处理资源定位地址，向所述服务器请求所述待处理子应用对应的待处理静态元素。

在本申请的一些实施例中，所述装置还包括转化单元和筛选单元；

所述获取单元12，用于在所述至少一个超文本地址获取至少一个超文本信息；

所述转化单元，用于将所述至少一个超文本信息转化为至少一组元素；

所述筛选单元，用于在所述至少一组元素中的第一组元素中，筛选出第一组静态元素，直至从所述至少一组元素中筛选出所述至少一组静态元素。

在本申请的一些实施例中，所述装置还包括调整单元；

所述筛选单元，用于根据预设的静态资源属性，从所述第一组元素中筛选目标元素；

所述获取单元12，用于获取所述目标元素对应的静态资源信息；

所述调整单元，用于利用所述静态资源信息调整所述目标元素的目标标签，得到所述第一组静态元素。

在本申请的一些实施例中，所述装置还包括确定单元；

所述获取单元12，用于获取所述第一组元素对应的第一组元素标签和第一组地址属性；

所述确定单元，用于在所述第一组元素标签中的第一标签为连接标签或者脚本标签、且存在所述第一标签对应的第一地址属性情况下，确定所述第一标签对应的元素为所述目标元素，所述第一标签为所述第一组元素标签中的部分标签，所述第一地址属性为所述第一组地址属性中的部分地址属性。

在本申请的一些实施例中，所述装置还包括检测单元；

所述确定单元，用于在所述第一组元素标签中的第一标签为脚本标签，且所述第一标签对应的第一地址属性存在的情况下，确定所述第一标签对应的元素为所述目标元素；在所述元素属性为字符串属性、且所述第一地址属性存在的情况下，确定所述第一标签对应的元素为所述目标元素；

所述检测单元，用于在所述第一组元素标签中的第一标签为连接标签的情况下，检测所述第一地址属性和所述第一标签对应的元素的元素属性。

在本申请的一些实施例中，所述获取单元12，用于获取所述目标元素对应的第一地址属性；根据所述第一地址属性，获取所述目标元素的元素地址；

相应的，所述获取单元12，用于获取所述元素地址指向的所述静态资源信息。

在本申请的一些实施例中，所述装置还包括创建单元；

所述创建单元，用于创建当前标签；

相应的，所述装置还包括插入单元和替换单元；

所述插入单元，用于将所述静态资源信息插入所述当前标签中，得到更新后的当前标签；

所述替换单元，用于利用所述更新后的当前标签替换所述目标标签，得到所述第一组静态元素。

需要说明的是，在实际应用中，上述接收单元11、获取单元12、请求单元13和添加单元14可由信息处理装置1上的处理器15实现，具体为CPU(CentralProcessing Unit，中央处理器)、MPU(Microprocessor Unit，微处理器)、DSP(Digital Signal Processing，数字信号处理器)或现场可编程门阵列(FPGA，Field Programmable Gate Array)等实现；上述数据存储可由信息处理装置1上的存储器16实现。

本申请实施例还提供了一种信息处理装置1，如图5所示，所述信息处理装置1包括：处理器15、存储器16和通信总线17，所述存储器16通过所述通信总线17与所述处理器15进行通信，所述存储器16存储所述处理器15可执行的程序，当所述程序被执行时，通过所述处理器15执行如上述所述的信息处理方法。

在实际应用中，上述存储器16可以是易失性存储器(volatile memory)，例如随机存取存储器(Random-Access Memory，RAM)；或者非易失性存储器(non-volatile memory)，例如只读存储器(Read-Only Memory，ROM)，快闪存储器(flash memory)，硬盘(Hard DiskDrive，HDD)或固态硬盘(Solid-StateDrive，SSD)；或者上述种类的存储器的组合，并向处理器15提供指令和数据。

本申请实施例提供了一种计算机可读存储介质，其上有计算机程序，所述程序被处理器15执行时实现如上述所述的信息处理方法。

可以理解的是，信息处理装置通过设置静态资源获取方法，信息处理装置可以调用静态资源获取方法接收至少一个子应用信息，并调用静态资源获取方法在信息处理装置空闲的情况下，根据至少一个子应用信息对应的至少一个资源定位地址，从服务器处获取到至少一个子应用对应的至少一组静态元素，使得信息处理装置在接收到至少一个子应用中目标子应用的目标渲染指令的情况下，信息处理装置不需要再从服务器中请求目标组静态元素了，可以直接利用静态资源获取方法在信息处理装置空闲情况下获取到的至少一组静态元素中获取目标组静态元素，以将目标静态元素直接加载至基座应用中得到微前端，提高了信息处理装置获取到目标组静态元素的速度，从而提高了将目标静态元素加载至基座应用时的速度。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用硬件实施例、软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

以上所述，仅为本申请的较佳实施例而已，并非用于限定本申请的保护范围。

Claims (14)

1.一种信息处理方法，其特征在于，应用于信息处理装置，所述方法包括：

调用静态资源获取方法接收客户端传输的至少一个子应用信息；并从所述至少一个子应用信息中获取至少一个子应用对应的至少一个资源定位地址；

调用所述静态资源获取方法在空闲时间段根据所述至少一个资源定位地址，向服务器请求所述至少一个子应用对应的至少一组静态元素；

在接收到所述至少一个子应用中目标子应用的目标渲染指令的情况下，从所述至少一组静态元素中获取所述目标子应用对应的目标组静态元素，并将所述目标组静态元素加载至与所述目标子应用对应的基座应用中，得到与所述目标子应用对应的微前端。

2.根据权利要求1所述的方法，其特征在于，所述调用所述静态资源获取方法在空闲时间段根据所述至少一个资源定位地址，向服务器请求所述至少一个子应用对应的至少一组静态元素，包括：

利用所述静态资源获取方法在所述空闲时间段，向服务器发送所述至少一个资源定位地址对应的至少一个静态资源获取请求；

在所述静态资源获取方法接收到所述服务器基于所述至少一个静态资源获取请求发送的响应信息的情况下，从所述响应信息中获取所述至少一个子应用对应的至少一个超文本地址；

解析所述至少一个超文本地址，得到所述至少一组静态元素。

3.根据权利要求1所述的方法，其特征在于，所述从所述至少一个子应用信息中获取至少一个子应用对应的至少一个资源定位地址，还包括：

从所述至少一个子应用信息中获取所述至少一个子应用对应至少一个子应用标识。

4.根据权利要求1所述的方法，其特征在于，所述目标渲染指令中包括所述目标子应用的目标子应用标识，所述从所述至少一组静态元素中获取所述目标子应用对应的目标组静态元素，包括：

在所述至少一个子应用标识中查找与所述目标子应用标识匹配的第一标识；

在所述至少一组静态元素中，获取与所述第一标识匹配的所述目标组静态元素。

5.根据权利要求1所述的方法，其特征在于，所述调用所述静态资源获取方法在空闲时间段根据所述至少一个资源定位地址，向服务器请求所述至少一个子应用对应的至少一组静态元素之后，所述方法还包括：

在待处理子应用不为所述至少一个子应用中的应用、且接收到所述待处理子应用的渲染指令的情况下，从所述渲染指令中获取所述待处理子应用对应的待处理资源定位地址；

根据所述待处理资源定位地址，向所述服务器请求所述待处理子应用对应的待处理静态元素。

6.根据权利要求2所述的方法，其特征在于，所述解析所述至少一个超文本地址，得到所述至少一组静态元素，包括：

在所述至少一个超文本地址获取至少一个超文本信息，并将所述至少一个超文本信息转化为至少一组元素；

在所述至少一组元素中的第一组元素中，筛选出第一组静态元素，直至从所述至少一组元素中筛选出所述至少一组静态元素。

7.根据权利要求6所述的方法，其特征在于，所述在所述至少一组元素中的第一组元素中，筛选出第一组静态元素，包括：

根据预设的静态资源属性，从所述第一组元素中筛选目标元素；

获取所述目标元素对应的静态资源信息；

利用所述静态资源信息调整所述目标元素的目标标签，得到所述第一组静态元素。

8.根据权利要求7所述的方法，其特征在于，所述根据预设的静态资源属性，从所述第一组元素中筛选目标元素，包括：

获取所述第一组元素对应的第一组元素标签和第一组地址属性；

在所述第一组元素标签中的第一标签为连接标签或者脚本标签、且存在所述第一标签对应的第一地址属性情况下，确定所述第一标签对应的元素为所述目标元素，所述第一标签为所述第一组元素标签中的部分标签，所述第一地址属性为所述第一组地址属性中的部分地址属性。

9.根据权利要求8所述的方法，其特征在于，所述在所述第一组元素标签中的第一标签为连接标签或者脚本标签、且存在所述第一标签对应的第一地址属性情况下，确定所述第一标签对应的元素为所述目标元素，包括：

在所述第一组元素标签中的第一标签为脚本标签，且所述第一标签对应的第一地址属性存在的情况下，确定所述第一标签对应的元素为所述目标元素；

在所述第一组元素标签中的第一标签为连接标签的情况下，检测所述第一地址属性和所述第一标签对应的元素的元素属性；

在所述元素属性为字符串属性、且所述第一地址属性存在的情况下，确定所述第一标签对应的元素为所述目标元素。

10.根据权利要求7所述的方法，其特征在于，所述获取所述目标元素对应的静态资源信息之前，所述方法还包括：

获取所述目标元素对应的第一地址属性；

根据所述第一地址属性，获取所述目标元素的元素地址；

相应的，所述获取所述目标元素对应的静态资源信息，包括：

获取所述元素地址指向的所述静态资源信息。

11.根据权利要求7所述的方法，其特征在于，所述利用所述静态资源信息调整所述目标元素的目标标签，得到所述第一组静态元素之前，所述方法还包括：

创建当前标签；

相应的，所述利用所述静态资源信息调整所述目标元素的目标标签，得到所述第一组静态元素，包括：

将所述静态资源信息插入所述当前标签中，得到更新后的当前标签；

利用所述更新后的当前标签替换所述目标标签，得到所述第一组静态元素。

12.一种信息处理装置，其特征在于，所述装置包括：

接收单元，用于调用静态资源获取方法接收客户端传输的至少一个子应用信息；在接收到所述至少一个子应用中目标子应用的目标渲染指令的情况下，从所述至少一组静态元素中获取所述目标子应用对应的目标组静态元素；

获取单元，用于从所述至少一个子应用信息中获取至少一个子应用对应的至少一个资源定位地址；

请求单元，用于调用所述静态资源获取方法在空闲时间段根据所述至少一个资源定位地址，向服务器请求所述至少一个子应用对应的至少一组静态元素；

添加单元，用于将所述目标组静态元素加载至与所述目标子应用对应的基座应用中，得到与所述目标子应用对应的微前端。

13.一种信息处理装置，其特征在于，所述装置包括：

存储器、处理器和通信总线，所述存储器通过所述通信总线与所述处理器进行通信，所述存储器存储所述处理器可执行的信息处理的程序，当所述信息处理的程序被执行时，通过所述处理器执行如权利要求1至11任一项所述的方法。

14.一种存储介质，其上存储有计算机程序，应用于信息处理装置，其特征在于，该计算机程序被处理器执行时实现权利要求1至11任一项所述的方法。

Images