CN114238074A - 一种子应用的调试方法、装置、设备及存储介质 - Google Patents

Abstract

本公开关于一种子应用的调试方法、装置、设备及存储介质，能够提高了子应用在线上的稳定性。具体方案包括：获取主应用的入口文件，主应用的入口文件用于触发显示主应用的页面，主应用的页面包括至少一个子应用的访问入口，至少一个子应用包括当前子应用。将当前子应用的入口文件替换为主应用的入口文件，当前子应用的入口文件用于触发显示当前子应用的页面。触发目标子应用的访问入口，调用目标子应用的渲染文件，目标子应用的渲染文件用于渲染目标子应用的页面，目标子应用为至少一个子应用中任一子应用。

Description

一种子应用的调试方法、装置、设备及存储介质

技术领域

本公开涉及网络技术领域，尤其涉及一种子应用的调试方法、装置、设备及存储介质。

背景技术

随着互联网技术的迅速发展，前端开发(Web front-end development)越来越得到人们的重视。目前，大多数前端是基于微前端架构开发的。微前端可以将不同的功能按照不同的维度拆分成多个子应用。在微前端架构中，线上环境(如生产环境、灰度环境、测试环境等)可以通过主应用调用不同的子应用。

但是，在开发环境中对子应用进行开发时，由于每个子应用均是由一段独立的项目代码实现的。因此，在开发环境中开发子应用时，前端页面只能加载子应用的内容。也就是说，在开发环境无法通过主应用调用子应用。这样一来，会导致开发环境与线上环境存在差异，无法保障子应用在线上的稳定性。

发明内容

本公开提供一种子应用的调试方法、装置、设备及存储介质，能够提高了子应用在线上的稳定性。本公开的技术方案如下：

根据本公开的第一方面，提供一种子应用的调试方法，应用于终端，终端中部署有当前子应用。该方法包括：获取主应用的入口文件，主应用的入口文件用于触发显示主应用的页面，主应用的页面包括至少一个子应用的访问入口，至少一个子应用包括当前子应用。将当前子应用的入口文件替换为主应用的入口文件，当前子应用的入口文件用于触发显示当前子应用的页面。触发目标子应用的访问入口，调用目标子应用的渲染文件，目标子应用的渲染文件用于渲染目标子应用的页面，目标子应用为至少一个子应用中任一子应用。

可选的，该子应用的调试方法还包括：获取主应用的统一资源***URL。向服务器发送第一请求，第一请求用于指示获取主应用的入口文件，第一请求包括主应用的URL。接收来自服务器发送的主应用的入口文件。

可选的，该子应用的调试方法还包括：调用主应用的入口文件，显示主应用的页面。

可选的，终端存储有第一路由配置文件，第一路由配置文件存储有当前子应用的资源文件的路由，资源文件存储有渲染文件的路由。该子应用的调试方法还包括：若目标子应用为当前子应用，则从第一路由配置文件中确定当前子应用的资源文件的路由。根据当前子应用的资源文件的路由，获取当前子应用的资源文件中渲染文件的路由。根据当前子应用的渲染文件的路由，调用当前子应用的渲染文件。

可选的，至少一个子应用还包括其他子应用，其他子应用为至少一个子应用中除当前子应用以外的子应用。该子应用的调试方法还包括：若目标子应用为其他子应用，则获取其他子应用的渲染文件。调用其他子应用的渲染文件。

可选的，终端存储有第二路由配置文件，第二路由配置文件存储有其他子应用的资源文件的路由，其他子应用的资源文件存储有其他子应用的渲染文件的路由。该子应用的调试方法还包括：向服务器发送第二请求，第二请求用于指示获取其他子应用的资源文件，第二请求包括其他子应用的资源文件的路由。接收来自服务器的其他子应用的资源文件。向服务器发送第三请求，第三请求用于指示获取其他子应用的渲染文件，第三请求包括其他子应用的渲染文件的路由。接收来自服务器的其他子应用的渲染文件。

可选的，该子应用的调试方法还包括：显示主应用的页面和当前子应用的页面。

可选的，该子应用的调试方法还包括：显示主应用的页面和其他子应用的页面。

根据本公开的第二方面，提供一种子应用的调试装置，应用于终端，终端中部署有当前子应用。该子应用的调试装置包括接收单元和处理单元。

接收单元，被配置为执行获取主应用的入口文件，主应用的入口文件用于触发显示主应用的页面，主应用的页面包括至少一个子应用的访问入口，至少一个子应用包括当前子应用。处理单元，被配置为执行将当前子应用的入口文件替换为主应用的入口文件，当前子应用的入口文件用于触发显示当前子应用的页面。处理单元，还被配置为执行触发目标子应用的访问入口，调用目标子应用的渲染文件，目标子应用的渲染文件用于渲染目标子应用的页面，目标子应用为至少一个子应用中任一子应用。

可选的，该子应用的调试装置还包括发送单元。处理单元，还被配置为执行获取主应用的统一资源***URL。发送单元，被配置为执行向服务器发送第一请求，第一请求用于指示获取主应用的入口文件，第一请求包括主应用的URL。接收单元，具体被配置为执行接收来自服务器发送的主应用的入口文件。

可选的，该子应用的调试装置还包括显示单元。显示单元，被配置为执行调用主应用的入口文件，显示主应用的页面。

可选的，终端存储有第一路由配置文件，第一路由配置文件存储有当前子应用的资源文件的路由，资源文件存储有渲染文件的路由。处理单元，还被配置为执行若目标子应用为当前子应用，则从第一路由配置文件中确定当前子应用的资源文件的路由。接收单元，还被配置为执行根据当前子应用的资源文件的路由，获取当前子应用的资源文件中渲染文件的路由。处理单元，具体被配置为执行根据当前子应用的渲染文件的路由，调用当前子应用的渲染文件。

可选的，至少一个子应用还包括其他子应用，其他子应用为至少一个子应用中除当前子应用以外的子应用。接收单元，还被配置为执行若目标子应用为其他子应用，则获取其他子应用的渲染文件。处理单元，具体被配置为执行调用其他子应用的渲染文件。

可选的，终端存储有第二路由配置文件，第二路由配置文件存储有其他子应用的资源文件的路由，其他子应用的资源文件存储有其他子应用的渲染文件的路由。发送单元，还被配置为执行向服务器发送第二请求，第二请求用于指示获取其他子应用的资源文件，第二请求包括其他子应用的资源文件的路由。接收单元，还被配置为执行接收来自服务器的其他子应用的资源文件。发送单元，还被配置为执行向服务器发送第三请求，第三请求用于指示获取其他子应用的渲染文件，第三请求包括其他子应用的渲染文件的路由。接收单元，具体被配置为执行接收来自服务器的其他子应用的渲染文件。

可选的，显示单元，还被配置为执行显示主应用的页面和当前子应用的页面。

可选的，显示单元，还被配置为执行显示主应用的页面和其他子应用的页面。

根据本公开的第三方面，提供一种终端，终端包括：

处理器。用于存储处理器可执行指令的存储器。其中，处理器被配置为执行指令，以实现上述第一方面中任一种可选地子应用的调试方法。

根据本公开的第四方面，提供一种计算机可读存储介质，计算机可读存储介质上存储有指令，当计算机可读存储介质中的指令由终端的处理器执行时，使得终端能够执行上述第一方面中任一种可选地子应用的调试方法。

根据本公开的第五方面，提供一种计算机程序产品，包含指令，当其在计算机上运行时，使得计算机执行如第一方面中任一种可选地子应用的调试方法。

根据本公开的第六方面，本公开提供一种芯片，芯片包括处理器和通信接口，通信接口和处理器耦合，处理器用于运行计算机程序或指令，以实现如第一方面和第一方面的任一种可能的实现方式中所描述的子应用的调试方法。

本公开提供的技术方案至少带来以下有益效果：获取主应用的入口文件，主应用的入口文件用于触发显示主应用的页面，主应用的页面包括至少一个子应用的访问入口，至少一个子应用包括当前子应用。之后，将当前子应用的入口文件替换为主应用的入口文件，当前子应用的入口文件用于触发显示当前子应用的页面。这样一来，即使终端部署的是当前子应用，仍可以显示主应用的页面。然后，触发目标子应用的访问入口，调用目标子应用的渲染文件，目标子应用的渲染文件用于渲染目标子应用的页面，目标子应用为至少一个子应用中任一子应用。如此，在开发环境中，可以通过主应用调用子应用(如目标子应用)，减少了开发环境与线上环境的差异，提高了子应用在线上的稳定性。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。

图1是根据一示例性实施例示出的一种终端设备的结构示意图；

图2是根据一示例性实施例示出的一种子应用的调试方法的流程图；

图3是根据一示例性实施例示出的一种主应用的页面示意图；

图4是根据一示例性实施例示出的另一种子应用的调试方法的流程图；

图5是根据一示例性实施例示出的一种子应用的调试装置的结构示意图；

图6是根据一示例性实施例示出的另一种子应用的调试装置的结构示意图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

需要说明的是，本公开所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)，均为经用户授权或者经过各方充分授权的信息。

首先，对本公开实施例的应用场景进行介绍。

本公开实施例的子应用的调试方法应用于在微前端架构中开发应用。在相关技术中，开发人员可以在开发环境中，同时启动主应用的项目和当前子应用的项目。之后，可以通过主应用调用子应用，以达到当前子应用在线上环境的效果。但是在开发环境中同时启动主应用的项目和当前子应用的项目，会占用终端的资源。并且，上述技术方案中，由于主应用和当前子应用是不同的项目，会导致当前子应用的项目无法应用编译工具的相关功能。

需要说明的是，本公开实施例中的项目是指，代码文件和/或代码文件经过编译之后的编译文件等。主应用中存在子应用的入口。通常情况下，终端可以先显示主应用的页面。之后，终端可以响应于对子应用的入口的操作，显示子应用的页面。

为了解决上述问题，本公开实施例提供一种子应用的调试方法，获取主应用的入口文件，主应用的入口文件用于触发显示主应用的页面，主应用的页面包括至少一个子应用的访问入口，至少一个子应用包括当前子应用。将当前子应用的入口文件替换为主应用的入口文件，当前子应用的入口文件用于触发显示当前子应用的页面。触发目标子应用的访问入口，调用目标子应用的渲染文件，目标子应用的渲染文件用于渲染目标子应用的页面，目标子应用为至少一个子应用中任一子应用。这样一来，通过启动子应用，可以显示主应用的页面，并且可以通过主应用调用子应用(如目标子应用)，减少了开发环境与线上环境的差异，提高了子应用在线上的稳定性。

并且，本公开仅启动子应用，不仅能够降低对终端资源的占用，而且可以保障子应用可以应用编译工具的相关功能，进而可以提高开发效率。

图1为本公开实施例提供的一种应用本公开所提供方法的终端设备的结构示意图。其中，该终端设备10包括有处理器101和存储器102。

其中，处理器101可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器101可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processing unit，GPU)，图像信号处理器(image signal processor，ISP)，控制器，存储器，视频编解码器，数字信号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。

存储器102可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器102还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器102中的非暂态的计算机可读存储介质用于存储至少一个指令，该至少一个指令用于被处理器101所执行以实现本公开方法实施例提供的群组通信方法。

在一些实施例中，终端设备10还可选包括有：***设备接口103和至少一个***设备。处理器101、存储器102和***设备接口103之间可以通过总线或信号线相连。各个***设备可以通过总线、信号线或电路板与***设备接口103相连。具体地，***设备包括：射频电路104、显示屏105、摄像头组件106、音频电路107、定位组件108和电源109中的至少一种。

***设备接口103可被用于将I/O(Input/Output，输入/输出)相关的至少一个***设备连接到处理器101和存储器102。在一些实施例中，处理器101、存储器102和***设备接口103被集成在同一芯片或电路板上；在一些其他实施例中，处理器101、存储器102和***设备接口103中的任意一个或两个可以在单独的芯片或电路板上实现，本实施例对此不予限定。

射频电路104用于接收和发射RF(Radio Frequency，射频)信号，也称电磁信号。射频电路104通过电磁信号与通信网络以及其他通信设备进行通信。射频电路104将电信号转换为电磁信号进行发送，或者，将接收到的电磁信号转换为电信号。可选地，射频电路104包括：天线***、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路104可以通过至少一种无线通信协议来与其它终端设备进行通信。该无线通信协议包括但不限于：城域网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或Wi-Fi(Wireless Fidelity，无线保真)网络。在一些实施例中，射频电路104还可以包括NFC(Near Field Communication，近距离无线通信)有关的电路，本公开对此不加以限定。

显示屏105用于显示UI(User Interface，用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏105是触摸显示屏时，显示屏105还具有采集在显示屏105的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器101进行处理。此时，显示屏105还可以用于提供虚拟按钮和/或虚拟键盘，也称软按钮和/或软键盘。在一些实施例中，显示屏105可以为一个，设置终端设备10的前面板；显示屏105可以采用LCD(Liquid Crystal Display，液晶显示屏)、OLED(Organic Light-EmittingDiode，有机发光二极管)等材质制备。

摄像头组件106用于采集图像或视频。可选地，摄像头组件106包括前置摄像头和后置摄像头。通常，前置摄像头设置在终端设备的前面板，后置摄像头设置在终端设备的背面。音频电路107可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波，并将声波转换为电信号输入至处理器101进行处理，或者输入至射频电路104以实现语音通信。出于立体声采集或降噪的目的，麦克风可以为多个，分别设置在终端设备10的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器101或射频电路104的电信号转换为声波。扬声器可以是传统的薄膜扬声器，也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时，不仅可以将电信号转换为人类可听见的声波，也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中，音频电路107还可以包括耳机插孔。

定位组件108用于定位终端设备10的当前地理位置，以实现导航或LBS(LocationBased Service，基于位置的服务)。定位组件108可以是基于美国的GPS(GlobalPositioning System，全球定位***)、中国的北斗***、俄罗斯的格雷纳斯***或欧盟的伽利略***的定位组件。

电源109用于为终端设备10中的各个组件进行供电。电源109可以是交流电、直流电、一次性电池或可充电电池。当电源109包括可充电电池时，该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。

在一些实施例中，终端设备10还包括有一个或多个传感器1010。该一个或多个传感器1010包括但不限于：加速度传感器、陀螺仪传感器、压力传感器、指纹传感器、光学传感器以及接近传感器。

加速度传感器可以检测以终端设备10建立的坐标系的三个坐标轴上的加速度大小。陀螺仪传感器可以检测终端设备10的机体方向及转动角度，陀螺仪传感器可以与加速度传感器协同采集用户对终端设备10的3D动作。压力传感器可以设置在终端设备10的侧边框和/或显示屏105的下层。当压力传感器设置在终端设备10的侧边框时，可以检测用户对终端设备10的握持信号。指纹传感器用于采集用户的指纹。光学传感器用于采集环境光强度。接近传感器，也称距离传感器，通常设置在终端设备10的前面板。接近传感器用于采集用户与终端设备10的正面之间的距离。

本公开提供的一种子应用的调试方法的执行主体可以为子应用的调试装置，该执行装置可以为图1所示的终端设备。同时，该执行装置还可以为该终端设备的中央处理器(Central Processing Unit，CPU)，或者该终端设备中的用于调试子应用的控制模块。本申请实施例中以终端设备执行子应用的调试方法为例，说明本申请实施例提供的子应用的调试方法。

在一种可实施的方式中，终端设备用于向用户提供语音和/或数据连通***。终端设备可以有不同的名称，例如UE端、终端单元、终端站、移动站、移动台、远方站、远程终端、移动设备、无线通信设备、车辆用户设备、终端代理或终端装置等。

可选的，终端设备可以为各种具有通信功能的手持设备、车载设备、可穿戴设备、计算机，本公开实施例对此不作任何限定。例如，手持设备可以是智能手机。车载设备可以是车载导航***。可穿戴设备可以是智能手环。计算机可以是个人数字助理(personaldigital assistant，PDA)电脑、平板型电脑以及膝上型电脑(laptop computer)。

在本公开实施例中，终端设备为安装有编程工具的设备，该编程工具支持使用编程语言(例如Java语言、Python语言)进行编程，例如，该编程工具可以为IntelliJ IDEA、eclipse或者webpack等。该计算机设备可以存储开发人员撰写的脚本代码，或者自动生成脚本软件生成的脚本代码。该编程工具还可以支持对脚本代码进行编译，生成编译文件(如.js文件和.css文件等)。

在本公开实施例中，终端设备部署有当前子应用。终端设备可以启动当前子应用，执行本公开实施例。示例性的，终端设备中存储有子应用的代码经过编译后的文件。

在介绍了本公开实施例的应用场景和终端设备之后，下面结对本公开实施例提供的子应用的调试方法进行详细介绍。

图2是根据一示例性实施例示出的一种子应用的调试方法的流程图。如图2所示，该方法可以包括步骤201-步骤204。

201、获取主应用的入口文件。

其中，主应用的入口文件用于触发显示主应用的页面，主应用的页面包括至少一个子应用的访问入口，至少一个子应用包括当前子应用。

示例性的，该主应用的入口文件可以为主应用的index.html文件。该index.html文件可以由编译工具对主应用的项目代码进行编译得到。响应于打开index.html文件的操作，可以显示主应用的页面。例如，如图3所示，响应于打开index.html文件的操作，终端可以通过浏览器显示主应用的页面301，主应用的页面301包括区域302、区域303和区域304。其中，区域302可以用于显示主应用的标题信息等。区域303用于显示主应用中的至少一个子应用的入口。例如，子应用A区域为子应用A的访问入口，子应用B区域为子应用B的访问入口。区域304可以用于显示主应用的页面内容，还可以用于显示子应用的页面内容。可选的，主应用的页面301可以仅包括区域303和区域304。

作为一种可能的实现方式，启动部署在终端的当前子应用，通过预设方法获取主应用的入口文件，该预设方法用于从线上(即服务器)获取主应用的入口文件。例如，该预设方法可以为“await getHtml()”方法。又例如，该预设方法可以为模板函数方法。

在一种可实施的方式中，在获取主应用的入口文件之前，可以获取主应用的统一资源***(Uniform Resource Locator，URL)。之后，向服务器发送第一请求，第一请求用于指示获取主应用的入口文件，第一请求包括主应用的URL。之后，接收来自服务器发送的主应用的入口文件。

作为一种可能的实现方式，服务器中存储有主应用的入口文件，且主应用的URL与主应用的入口文件相对应。服务器可以根据主应用的URL查找主应用的入口文件。之后，服务器可以向终端发送主应用的入口文件。

上述实施例提供的技术方案至少带来以下有益效果：获取主应用的统一资源***URL，向服务器发送第一请求，接收来自服务器发送的主应用的入口文件。这样一来，终端在不启动主应用的项目代码的情况下，便可以获取主应用的入口文件。如此，可以避免终端同时启动主应用的项目代码和子应用的项目代码，减少对终端资源的占用。

可选的，在获取主应用的入口文件之后，可以将主应用的入口文件保存至终端。

202、将当前子应用的入口文件替换为主应用的入口文件。

其中，当前子应用的入口文件用于触发显示当前子应用的页面。

在本公开实施例中，当前子应用的入口文件是由当前子应用的项目代码编译得到的。

示例性的，结合图3，假如应用A为当前子应用，终端响应于对应用A的访问操作，可以调用应用A的入口文件，之后可以在区域304显示应用A的页面。

作为一种可能的实现方式，可以通过预设插件中的hook函数，将当前子应用的入口文件替换为主应用的入口文件，其中，hook函数用于替换当前子应用的入口文件。

需要说明的是，本公开实施例对预设插件不作限定。例如，预设插件可以为htmlWebpackPlugin插件。又例如，预设插件可以为webpack插件。

示例性的，通过htmlWebpackPlugin插件可以通过下述代码实现将当前子应用的入口文件替换为主应用的入口文件。

其中，compilation.hooks.htmlWebpackPluginAfterHtmlProcessing.tapAsync为调用的htmlWebpackPlugin插件机制中的方法，await getHtml()为获取主应用的入口文件的方法，data.html＝res是指将当前子应用的入口文件替换为主应用的入口文件，cb(null,data)是指返回主应用的入口文件。

示例性的，通过webpack插件可以通过下述代码实现将当前子应用的入口文件替换为主应用的入口文件。

其中，compilation.hooks.additionalAssets.tapAsync为调用的webpack插件中的方法，await getHtml()为获取主应用的入口文件的方法，return res是指返回主应用的入口文件。

在一种可实施的方式中，在将当前子应用的入口文件替换为主应用的入口文件之后，调用主应用的入口文件，显示主应用的页面。

示例性的，结合图3，终端通过浏览器访问本地主机地址(例如http://localhost:8000)，终端可以调用主应用的入口文件，显示主应用的页面301。

上述实施例提供的技术方案至少带来以下有益效果：调用主应用的入口文件，显示主应用的页面。这样一来，在启动当前子应用的项目的情况下，可以显示主应用的页面，使开发人员在开发环境可以体验线上环境调用子应用的过程，进而可以保障子应用在线上的稳定性。

203、触发目标子应用的访问入口，调用目标子应用的渲染文件。

其中，目标子应用为至少一个子应用中任一子应用，目标子应用的渲染文件用于渲染目标子应用的页面。

示例性的，至少一个子应用包括：子应用A、子应用B和子应用C，目标子应用可以为子应用A、子应用B和子应用C中任一子应用。

作为一种可能的实现方式，响应于启动目标子应用的操作，触发目标子应用的访问入口，调用目标子应用的渲染文件。之后，可以显示目标子应用的页面。

示例性的，结合图3，假如开发人员输入启动子应用A的操作(如点击子应用A的区域)，可以触发目标子应用A的访问入口，调用子应用A的渲染文件。之后，可以显示子应用A的页面。

需要说明的是，渲染文件可以为css文件、js文件等，本公开实施例对此不作限定。

上述实施例提供的技术方案至少带来以下有益效果：获取主应用的入口文件，主应用的入口文件用于触发显示主应用的页面，主应用的页面包括至少一个子应用的访问入口，至少一个子应用包括当前子应用。之后，将当前子应用的入口文件替换为主应用的入口文件，当前子应用的入口文件用于触发显示当前子应用的页面。这样一来，即使终端部署的是当前子应用的项目，仍可以显示主应用的页面。然后，触发目标子应用的访问入口，调用目标子应用的渲染文件，目标子应用的渲染文件用于渲染目标子应用的页面，目标子应用为至少一个子应用中任一子应用。如此，在开发环境中，可以通过主应用调用子应用(如目标子应用)，减少了开发环境与线上环境的差异，提高了子应用在线上的稳定性。

在一种可实施的方式中，如图4所示，在调用目标子应用的渲染文件之前，该子应用的调试方法还可以包括步骤401-步骤404。

401、确定目标子应用是否为当前子应用。

作为一种可能的实现方式，触发目标子应用的访问入口，确定目标子应用是否为当前子应用。

一种可能的设计中，响应于启动目标子应用的操作，获取目标子应用的标识和当前子应用的标识。确定目标子应用的标识与当前子应用的标识是否相同。若目标子应用的标识与当前子应用的标识相同，则确定目标子应用为当前子应用。若目标子应用的标识与当前子应用的标识不相同，则确定目标子应用为其他子应用。

其中，其他子应用为至少一个子应用中除当前子应用以外的子应用。例如，至少一个子应用包括：子应用A、子应用B和子应用C，当前子应用为子应用A，则其他子应用包括子应用B和子应用C。

需要说明的是，本公开实施例对子应用的标识不作限定。例如，子应用的标识可以为应用名称。又例如，子应用的标识可以为项目代码名称。又例如，子应用的标识可以为网络地址。

示例性的，假如当前子应用的标识为app1。若目标子应用的标识为app1，则确定目标子应用为当前子应用。若目标子应用的标识为app2，则确定目标子应用为其他子应用。

在一种可实施的方式中，若目标子应用为当前子应用，则执行步骤402-步骤404。若目标子应用为其他子应用，则执行步骤405-步骤406。

402、从第一路由配置文件中确定当前子应用的资源文件的路由。

在本公开实施例中，终端存储有第一路由配置文件，第一路由配置文件存储有当前子应用的资源文件的路由，资源文件存储有渲染文件的路由。

可选的，该第一路由配置文件可以为json文件。资源文件可以为json文件

示例性的，第一路由配置文件可以通过下述代码表示。

config.plugin('assets-plugin').use(AssetsPlugin,[{filename:'assets.json',path:"/app1"}])。

其中，config.plugin('assets-plugin').表示webpack工具下使用插件的一个方法说明，filename:'assets.json',path:"/app1"表示文件名称为assets.json的文件，存储地址为/app1。

403、根据当前子应用的资源文件的路由，获取当前子应用的资源文件中渲染文件的路由。

作为一种可能的实现方式，根据当前子应用的资源文件的路由，确定当前子应用的资源文件。之后，从当前子应用的资源文件中获取渲染文件的路由。

示例性的，资源文件可以通过下述代码实现。

{"version":1,

"js":["chunk1.js","chunk2.js","app.js"],

"css":["chunk1.css","chunk2.css","app.css"]}。

其中，version表示文件版本，js和css表示具体的渲染文件的存储地址。

在一种可实施的方式中，调用目标子应用的渲染文件包括步骤404。

404、根据当前子应用的渲染文件的路由，调用当前子应用的渲染文件。

示例性的，假如当前子应用的渲染文件包括：chunk1.js、chunk2.js、chunk1.css。终端根据上述渲染文件的路由，调用上述渲染文件，以渲染当前子应用的页面。

上述实施例提供的技术方案至少带来以下有益效果：若目标子应用为当前子应用，则可以通过当前子应用的渲染文件的路由从本地获取当前子应用的渲染文件，并调用当前子应用的渲染文件。如此，可以通过主应用调用当前子应用，不仅可以调试当前子应用，而且减少了开发环境与线上环境的差异，提高了子应用在线上的稳定性。

在一种可实施的方式中，若目标子应用为当前子应用，在触发目标子应用的访问入口，调用目标子应用的渲染文件之后，显示主应用的页面和当前子应用的页面。

示例性的，结合图3，在触发子应用A的访问入口，调用子应用A的渲染文件之后，显示主应用的页面301，并在区域304显示子应用A的页面。

上述实施例提供的技术方案至少带来以下有益效果：显示主应用的页面和当前子应用的页面。如此，开发人员可以通过主应用调用当前子应用，不仅可以调试当前子应用，而且减少了开发环境与线上环境的差异，提高了子应用在线上的稳定性。

405、获取其他子应用的渲染文件。

作为一种可能的实现方式，终端可以从线上下载其他子应用的渲染文件。

在一种可实施的方式中，在获取其他子应用的文件之前，终端向服务器发送第二请求，第二请求用于指示获取其他子应用的资源文件，第二请求包括其他子应用的资源文件的路由。服务器可以接收第二请求，并根据其他子应用的资源文件的路由确定其他子应用的资源文件。

在本公开实施例中，终端存储有第二路由配置文件，第二路由配置文件存储有其他子应用的资源文件的路由，其他子应用的资源文件存储有其他子应用的渲染文件的路由。

可选的，其他子应用的资源文件的路由包括主应用的URL。

示例性的，第二路由配置文件通过下述代码表示。

其中，config.plugin('dev-plugin').表示使用的是webpack构建工具中的方法，html表示主应用的入口文件的地址，assetMaps表示其他子应用的入口文件的地址。

之后，服务器可以向终端发送其他子应用的资源文件，终端接收来自服务器的其他子应用的资源文件。之后，终端向服务器发送第三请求，第三请求用于指示获取其他子应用的渲染文件，第三请求包括其他子应用的渲染文件的路由。

示例性的，假如其他子应用为子应用B，触发子应用B的访问入口，终端可以从服务器下载子应用B的资源文件。之后，终端根据子应用B的资源文件中渲染文件的路由，从服务器下载子应用B的渲染文件。

需要说明的是，从服务器获取的渲染文件，是指线上环境中其他子应用的渲染文件。因此，该其他子应用的渲染文件稳定性更高，出现问题的概率较低。

在本公开实施例中，获取其他子应用的渲染文件，包括：接收来自服务器的其他子应用的渲染文件。

上述实施例提供的技术方案至少带来以下有益效果：向服务器发送第二请求，第二请求用于指示获取其他子应用的资源文件，第二请求包括其他子应用的资源文件的路由。接收来自服务器的其他子应用的资源文件。向服务器发送第三请求，第三请求用于指示获取其他子应用的渲染文件，第三请求包括其他子应用的渲染文件的路由。接收来自服务器的其他子应用的渲染文件。这样一来，终端可以从服务器获取其他子应用的渲染文件，减少了开发环境与线上环境的差异，提高了子应用在线上的稳定性。

在一种可实施的方式中，调用目标子应用的渲染文件包括步骤406。

406、调用其他子应用的渲染文件。

上述实施例提供的技术方案至少带来以下有益效果：在目标子应用为其他子应用的情况下，则获取其他子应用的渲染文件，并调用其他子应用的渲染文件。这样一来，即使终端部署的是当前子应用的项目，仍可以调用其他子应用的渲染文件。

在一种可实施的方式中，若目标子应用为其他子应用，在触发目标子应用的访问入口，调用目标子应用的渲染文件之后，显示主应用的页面和其他子应用的页面。

示例性的，结合图3，假如其他子应用为子应用B，在触发子应用B的访问入口，调用子应用B的渲染文件之后，显示主应用的页面301，并在区域304显示子应用B的页面。

上述实施例提供的技术方案至少带来以下有益效果：显示主应用的页面和其他子应用的页面。如此，可以保障开发人员在开发当前子应用的情况下，查看其他子应用的页面情况，便于当前子应用与其他子应用之间的调试，进而可以提高子应用在线上的稳定性。

可以理解的是，上述方法可以由子应用的调试装置实现。子应用的调试装置为了实现上述功能，其包含了执行各个功能相应的硬件结构和/或软件模块。本领域技术人员应该很容易意识到，结合本文中所公开的实施例描述的各示例的模块及算法步骤，本公开实施例能够以硬件或硬件和计算机软件的结合形式来实现。某个功能究竟以硬件还是计算机软件驱动硬件的方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本公开实施例的范围。

本公开实施例可以根据上述方法示例对上述子应用的调试装置等进行功能模块的划分，例如，可以对应各个功能划分各个功能模块，也可以将两个或两个以上的功能集成在一个处理模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。需要说明的是，本公开实施例中对模块的划分是示意性的，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。

图5是根据一示例性实施例示出的一种子应用的调试装置的结构框图。参照图5，该子应用的调试装置50包括接收单元51、处理单元52、发送单元53和显示单元54。

接收单元51，被配置为执行获取主应用的入口文件，主应用的入口文件用于触发显示主应用的页面，主应用的页面包括至少一个子应用的访问入口，至少一个子应用包括当前子应用。处理单元52，被配置为执行将当前子应用的入口文件替换为主应用的入口文件，当前子应用的入口文件用于触发显示当前子应用的页面。处理单元52，还被配置为执行触发目标子应用的访问入口，调用目标子应用的渲染文件，目标子应用的渲染文件用于渲染目标子应用的页面，目标子应用为至少一个子应用中任一子应用。

可选的，处理单元52，还被配置为执行获取主应用的统一资源***URL。发送单元53，被配置为执行向服务器发送第一请求，第一请求用于指示获取主应用的入口文件，第一请求包括主应用的URL。接收单元51，具体被配置为执行接收来自服务器发送的主应用的入口文件。

可选的，显示单元54，被配置为执行调用主应用的入口文件，显示主应用的页面。

可选的，终端存储有第一路由配置文件，第一路由配置文件存储有当前子应用的资源文件的路由，资源文件存储有渲染文件的路由。处理单元52，还被配置为执行若目标子应用为当前子应用，则从第一路由配置文件中确定当前子应用的资源文件的路由。接收单元51，还被配置为执行根据当前子应用的资源文件的路由，获取当前子应用的资源文件中渲染文件的路由。处理单元52，具体被配置为执行根据当前子应用的渲染文件的路由，调用当前子应用的渲染文件。

可选的，至少一个子应用还包括其他子应用，其他子应用为至少一个子应用中除当前子应用以外的子应用。接收单元51，还被配置为执行若目标子应用为其他子应用，则获取其他子应用的渲染文件。处理单元52，具体被配置为执行调用其他子应用的渲染文件。

可选的，终端存储有第二路由配置文件，第二路由配置文件存储有其他子应用的资源文件的路由，其他子应用的资源文件存储有其他子应用的渲染文件的路由。发送单元53，还被配置为执行向服务器发送第二请求，第二请求用于指示获取其他子应用的资源文件，第二请求包括其他子应用的资源文件的路由。接收单元51，还被配置为执行接收来自服务器的其他子应用的资源文件。发送单元53，还被配置为执行向服务器发送第三请求，第三请求用于指示获取其他子应用的渲染文件，第三请求包括其他子应用的渲染文件的路由。接收单元51，具体被配置为执行接收来自服务器的其他子应用的渲染文件。

可选的，显示单元54，还被配置为执行显示主应用的页面和当前子应用的页面。

可选的，显示单元54，还被配置为执行显示主应用的页面和其他子应用的页面。

关于上述实施例中的子应用的调试装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图6是本公开提供的一种子应用的调试装置60的结构示意图。如图6，该子应用的调试装置60可以包括至少一个处理器601以及用于存储处理器601可执行指令的存储器603。其中，处理器601被配置为执行存储器603中的指令，以实现上述实施例中的子应用的调试方法。

另外，子应用的调试装置60还可以包括通信总线602以及至少一个通信接口604。

处理器601可以是一个GPU，微处理单元，ASIC，或一个或多个用于控制本公开方案程序执行的集成电路。

通信总线602可包括一通路，在上述组件之间传送信息。

通信接口604，使用任何收发器一类的装置，用于与其他设备或通信网络通信，如以太网，无线接入网(radio access network，RAN)，无线局域网(wireless local areanetworks，WLAN)等。

存储器603可以是只读存储器(read-only memory，ROM)或可存储静态信息和指令的其他类型的静态存储设备，随机存取存储器(random access memory，RAM)或者可存储信息和指令的其他类型的动态存储设备，也可以是电可擦可编程只读存储器(electricallyerasable programmable read-only memory，EEPROM)、只读光盘(compact disc read-only memory，CD-ROM)或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质，但不限于此。存储器可以是独立存在，通过总线与处理单元相连接。存储器也可以和处理单元集成在一起，为GPU中的易失性存储介质。

其中，存储器603用于存储执行本公开方案的指令，并由处理器601来控制执行。处理器601用于执行存储器603中存储的指令，从而实现本公开方法中的功能。

在具体实现中，作为一种实施例，处理器601可以包括一个或多个GPU，例如图6中的GPU0和GPU1。

在具体实现中，作为一种实施例，子应用的调试装置60可以包括多个处理器，例如图6中的处理器601和处理器607。这些处理器中的每一个可以是一个单核(single-CPU)处理器，也可以是一个多核(multi-GPU)处理器。这里的处理器可以指一个或多个设备、电路、和/或用于处理数据(例如计算机程序指令)的处理核。

在具体实现中，作为一种实施例，子应用的调试装置60还可以包括输出设备605和输入设备606。输出设备605和处理器601通信，可以以多种方式来显示信息。例如，输出设备605可以是液晶显示器(liquid crystal display，LCD)，发光二级管(light emittingdiode，LED)显示设备，阴极射线管(cathode ray tube，CRT)显示设备，或投影仪(projector)等。输入设备606和处理器601通信，可以以多种方式接受用户的输入。例如，输入设备606可以是鼠标、键盘、触摸屏设备或传感设备等。

本领域技术人员可以理解，图6中示出的结构并不构成对子应用的调试装置60的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。

本公开还提供了一种计算机可读存储介质，计算机可读存储介质上存储有指令，当存储介质中的指令由终端的处理器执行时，使得终端能够执行上述本公开实施例提供的群组通信方法。

本公开实施例还提供了一种包含指令的计算机程序产品，当其在终端上运行时，使得终端执行上述本公开实施例提供的子应用的调试方法。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (10)

1.一种子应用的调试方法，其特征在于，应用于终端，所述终端中部署有当前子应用，所述方法包括：

获取主应用的入口文件，所述主应用的入口文件用于触发显示所述主应用的页面，所述主应用的页面包括至少一个子应用的访问入口，所述至少一个子应用包括所述当前子应用；

将所述当前子应用的入口文件替换为所述主应用的入口文件，所述当前子应用的入口文件用于触发显示所述当前子应用的页面；

触发目标子应用的访问入口，调用所述目标子应用的渲染文件，所述目标子应用的渲染文件用于渲染所述目标子应用的页面，所述目标子应用为所述至少一个子应用中任一子应用。

2.根据权利要求1所述的方法，其特征在于，在所述获取主应用的入口文件之前，包括：

获取所述主应用的统一资源***URL；

向服务器发送第一请求，所述第一请求用于指示获取所述主应用的入口文件，所述第一请求包括所述主应用的URL；

所述获取主应用的入口文件，包括：

接收来自所述服务器发送的所述主应用的入口文件。

3.根据权利要求1或2所述的方法，其特征在于，在将所述当前子应用的入口文件替换为所述主应用的入口文件之后，所述方法还包括；

调用所述主应用的入口文件，显示所述主应用的页面。

4.根据权利要求3所述的方法，其特征在于，所述终端存储有第一路由配置文件，所述第一路由配置文件存储有所述当前子应用的资源文件的路由，所述资源文件存储有渲染文件的路由；

在调用所述目标子应用的渲染文件之前，所述方法还包括：

若所述目标子应用为所述当前子应用，则从所述第一路由配置文件中确定所述当前子应用的资源文件的路由；

根据所述当前子应用的资源文件的路由，获取所述当前子应用的资源文件中渲染文件的路由；

调用所述目标子应用的渲染文件，包括：

根据所述当前子应用的渲染文件的路由，调用所述当前子应用的渲染文件。

5.根据权利要求3所述的方法，其特征在于，所述至少一个子应用还包括其他子应用，所述其他子应用为所述至少一个子应用中除所述当前子应用以外的子应用；

在调用所述目标子应用的渲染文件之前，所述方法还包括：

若所述目标子应用为所述其他子应用，则获取所述其他子应用的渲染文件；

调用所述目标子应用的渲染文件，包括：

调用所述其他子应用的渲染文件。

6.根据权利要求5所述的方法，其特征在于，所述终端存储有第二路由配置文件，所述第二路由配置文件存储有所述其他子应用的资源文件的路由，所述其他子应用的资源文件存储有所述其他子应用的渲染文件的路由；

在获取所述其他子应用的渲染文件之前，所述方法还包括：

向服务器发送第二请求，所述第二请求用于指示获取所述其他子应用的资源文件，所述第二请求包括所述其他子应用的资源文件的路由；

接收来自所述服务器的所述其他子应用的资源文件；

向所述服务器发送第三请求，所述第三请求用于指示获取所述其他子应用的渲染文件，所述第三请求包括所述其他子应用的渲染文件的路由；

获取所述其他子应用的渲染文件，包括：

接收来自所述服务器的所述其他子应用的渲染文件。

7.一种子应用的调试装置，其特征在于，应用于终端，所述终端中部署有当前子应用，所述装置包括：

接收单元，被配置为执行获取主应用的入口文件，所述主应用的入口文件用于触发显示所述主应用的页面，所述主应用的页面包括至少一个子应用的访问入口，所述至少一个子应用包括所述当前子应用；

处理单元，被配置为执行将所述当前子应用的入口文件替换为所述主应用的入口文件，所述当前子应用的入口文件用于触发显示所述当前子应用的页面；

所述处理单元，还被配置为执行触发目标子应用的访问入口，调用所述目标子应用的渲染文件，所述目标子应用的渲染文件用于渲染所述目标子应用的页面，所述目标子应用为所述至少一个子应用中任一子应用。

8.一种终端，其特征在于，所述终端包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求1-6任一项所述的子应用的调试方法。

9.一种计算机可读存储介质，所述计算机可读存储介质上存储有指令，其特征在于，当所述计算机可读存储介质中的指令由终端的处理器执行时，使得所述终端能够执行如权利要求1-6中任一项所述的子应用的调试方法。

10.一种计算机程序产品，包括计算机程序/指令，其特征在于，所述计算机程序/指令被处理器执行时实现权利要求1-6中任一项所述的子应用的调试方法。

Images