CN110989978A - 页面打包方法、装置、电子设备及存储介质 - Google Patents

Abstract

本公开关于一种页面打包方法、装置、电子设备及存储介质，涉及软件开发技术领域。页面打包方法包括：获得打包请求，打包请求中携带有与目标应用的待打包页面关联的目标字符串；在目标应用中选择与目标字符串匹配的目标页面；对目标页面进行打包。本公开的页面打包方法、装置、电子设备及存储介质可在多页面项目进行单页面开发时，将开发的页面进行打包，减少打包时间。

Description

页面打包方法、装置、电子设备及存储介质

技术领域

本公开涉及软件开发技术领域，尤其涉及一种页面打包方法、装置、电子设备及存储介质。

背景技术

多页面项目是指一个应用由多个完整的页面构成。多页面项目在进行开发发时，需要将其打包并上传到服务器，以便在测试环境中测试项目的运行情况。

目前，在相关的技术中，对于多页面项目的打包大都采用的是将整个项目进行打包，并向服务器上传所有打包生成的页面与资源。

然而，在对多页面项目进行单页面开发时，采用这样的打包方式，会由于打包整个项目而导致需要打包的时间过久，影响用户体验。

发明内容

本公开提供一种页面打包方法、装置、电子设备及存储介质，以至少解决相关技术中对多页面项目进行单页面开发时，打包时间过久的问题。

本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种页面打包方法，包括：

获得打包请求，所述打包请求中携带有与目标应用的待打包页面关联的目标字符串；

在所述目标应用中选择与所述目标字符串匹配的目标页面；

对所述目标页面进行打包。

根据本公开实施例的第二方面，提供一种页面打包装置，所述页面打包装置包括：

获得单元，被配置为执行获得打包请求的步骤，所述打包请求中携带有与目标应用的待打包页面关联的目标字符串；

匹配单元，被配置为执行在所述目标应用中选择与所述目标字符串匹配的目标页面的步骤；

打包单元，被配置为执行对所述目标页面进行打包的步骤。

根据本公开实施例的第三方面，提供一种电子设备，包括：

处理器；

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

其中，所述处理器被配置为执行所述指令，以实现如上述所述的页面打包方法。

根据本公开实施例的第四方面，提供一种存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如上述所述的页面打包方法。

本公开的实施例提供的技术方案至少带来以下有益效果：

由于根据打包请求中与待打包页面关联的目标字符串在目标应用中匹配出相应的目标页面，然后对目标页面进行打包。因此，在多页面项目进行单页面开发时，可通过与新开发页面的页面路径关联的字符串匹配出新开发的页面并打包，无需将整个项目打包，从而减少了打包时间，提升用户体验。

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

附图说明

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

图1是根据一示例性实施例示出的页面打包方法、装置、电子设备及存储介质应用环境示意图。

图2是根据一示例性实施例示出的一种页面打包方法的流程图。

图3是根据一示例性实施例示出的一种打包界面的示意图。

图4是根据一示例性实施例示出的另一种页面打包方法的流程图。

图5是根据一示例性实施例示出的一种页面打包装置的框图。

图6是根据一示例性实施例示出的一种电子设备的框图。

具体实施方式

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

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

为了解决相关技术中存在的对多页面项目(应用)进行单页面开发时，由于需要将整个项目进行打包，而导致打包时间过久的问题，本公开提供了一种页面打包方法、装置、电子设备及存储介质。该方法、装置、电子设备及存储介质可在多页面项目进行单页面开发时，将新开发的页面进行打包，而无需将整个项目打包，从而减少打包时间。

其中，多页面项目是指一个应用中具有多个完整的页面，当我们访问该应用的页面的时候，服务器返回一个html，此时页面就会展示出来，所述的页面可以是静态页面或动态页面。打包是指把一个或多个文件(如新开发的页面)或文件夹用压缩软件进行压缩的过程，通过打包操作，可以有效缩减数据大小，并节省存储空间和传输的时间。

首先，为了更直观地理解本公开实施例提供的方案，下面结合图1，对本公开实施例提供的页面打包方案的系统架构进行说明。

如图1所示，是本公开说明书一个或多个实施例提供的页面打包方法、装置、电子设备及存储介质的应用环境示意图。如图1所示，服务器100通过网络300与一个或多个用户端200通信连接，以进行数据通信或交互。所述服务器100以是网络服务器、数据库服务器等。所述用户端200可以是，但不限于个人电脑(personal computer，PC)、智能手机、平板电脑、个人数字助理(personal digital assistant，PDA)等。所述网络300可以是有线或无线网络。

下面将对本公开实施例提供的页面打包方法进行详细说明。

本公开实施例提供的页面打包方法可以应用于用户端200，为了便于描述，除特别说明外，本公开实施例均以用户端200为执行主体进行说明。

可以理解，所述的执行主体并不构成对本公开的限定。

图2是根据一示例性实施例示出的一种页面打包方法的流程图，包括以下步骤。

在步骤S21中，获得打包请求。

本公开的一个或多个实施例中，打包请求可以是由用户在用户端发起的打包操作而生成的，也可以是由与之通信连接的其他设备发送来的。打包请求中携带有与目标应用的待打包页面关联的目标字符串，该目标字符串用于匹配目标应用的待打包页面。所述目标应用是指需要进行页面打包的应用。

例如，目标应用中可设置一打包界面，当需要对该应用新开发的页面进行打包时，可在打包界面中输入与新开发的页面关联的目标字符串以生成打包请求。如图3所示，是根据一示例性实施例示出的一种打包界面的示意图，该打包界面中可以包括一用于输入目标字符串的输入区域和一发起打包操作的“打包”控件，当用户在该输入区域内输入目标字符串并点击该“打包”控件时，则生成一打包请求，该打包请求中携带有该目标字符串。

本公开的一个或多个实施例中，打包请求可以包括打包应用脚本输出的环境变量。例如，以一JS脚本为例，当输入目标字符串“signboard”时，JS脚本可以输出一环境变量“BUILD_PATH＝signboard npm run build:debug”，其中，“BUILD_PATH”为环境变量的名称，“signboard”为环境变量的值，即目标字符串，“npm run build:debug”则表示打包命令。

在步骤S23中，选择与打包请求中目标字符串匹配的目标页面。

本公开的一个或多个实施例中，与目标字符串匹配的目标页面可以是指页面路径与目标字符串匹配的开发页面。

页面开发过程中，每个页面都预先设定有固定的路径，即页面路径，通过页面路径可以找到对应的开发页面。在获得打包请求后，可以根据该打包请求中携带的目标字符串，在目标应用中选择页面路径与目标字符串匹配的页面作为目标页面，即需要进行打包的页面。

例如，假定用户在发起打包请求时，输入的目标字符串为“/aaa/bbb”，则在进行匹配的过程中，首先获取所有页面的页面路径，然后对每一个页面的页面路径进行判断，判断其中是否包含有字符串“/aaa/bbb”，如果包含有字符串“/aaa/bbb”，则将包含有字符串“/aaa/bbb”的页面路径所对应的页面作为目标页面，即需要进行打包的页面。

在选择目标页面过程中，由于选择页面路径中包含有与目标字符串相同的字符串的页面作为目标页面，因此用户只需要在发起打包操作时输入需要打包的页面的路径或部分路径即可匹配出需要打包的页面，方便页面的打包。

可以理解的，在本公开的一个或多个实施例中，在目标应用中选择目标页面时，也可以是根据页面的其他参数进行选择，例如可以以页面名称或其他唯一识别页面的标识作为基准，来匹配选择目标页面。

在步骤S25中，对目标页面进行打包。

目标应用在开发过程中，每个开发的页面预先设置有对应的入口，以用于对对应的页面进行打包。入口是指在HTML中直接引用，由浏览器触发执行的js文件、HTML文件或模板文件等，用于引入需要打包的资源对其进行打包。

在确定出需要打包的目标页面后，可通过调用与目标页面相对应的入口对该目标页面进行打包，从而完成对需要打包的单个页面的打包操作。

本公开的一个或多个实施例中，在对页面打包时，除打包目标页面外，还可以对目标页面相关的资源进行打包，比如图片、字体文件、页面所需要的公共文件等，页面所需要的公共文件可以是样式库、js库等。

请参阅图4，是一示例性实施例示出的另一种页面打包方法的流程图，包括以下步骤。

在步骤S41中，获得打包请求。

在步骤S43中，选择与打包请求中目标字符串匹配的目标页面。

在步骤S45中，对目标页面进行打包。

在步骤S47中，将打包后的目标页面上传服务器。

本公开的一个或多个实施例中，对目标页面进行打包完成后，还可将打包后的目标页面上传给服务器，以便在服务器测试目标页面的运行情况。

本公开实施例提供的页面打包方法，可在对多页面项目进行单页面开发时，根据打包请求中携带的目标字符串，在目标应用中选择与目标字符串匹配的目标页面，并通过对应的入口对目标页面进行打包。如此，只需要在发起打包操作时输入需要打包的页面的全部或部分路径即可十分方便地完成对新开发页面的打包操作，而无需将整个项目打包，从而减少了打包时间，提升了打包效率，改善用户体验。同时，由于可以将单个页面进行打包，因此也减少上传服务器的时间，降低占用的存储空间，进一步改善用户体验。

图5是根据一示例性实施例示出的一种页面打包装置的框图。参照图5，该装置包括获得单元51、匹配单元53、打包单元55和上传单元57。

获得单元51被配置为执行获得打包请求的步骤，该打包请求中携带有与目标应用的待打包页面关联的目标字符串。

可以理解，获得单元51可以被配置为执行上述的步骤S21或步骤S41。

匹配单元53被配置为执行在目标应用中选择与目标字符串匹配的目标页面的步骤。

具体的，匹配单元53被配置为执行在目标应用中选择页面路径与目标字符串匹配的目标页面的步骤。

可以理解，匹配单元53可以被配置为执行上述的步骤S23或步骤S43。

打包单元55被配置为执行对目标页面进行打包的步骤。

具体的，打包单元55被配置为执行调用与目标页面对应的入口对目标页面进行打包的步骤。

可以理解，打包单元55可以被配置为执行上述的步骤S25或步骤S45。

上传单元57被配置为执行将打包后的目标页面上传服务器的步骤。

可以理解，上传单元57可以被配置为执行上述的步骤S47。

本公开实施例提供的页面打包装置，可在对多页面项目进行单页面开发时，根据打包请求中携带的目标字符串，在目标应用中选择与目标字符串匹配的目标页面，并通过对应的入口对目标页面进行打包。如此，只需要在发起打包操作时输入需要打包的页面的全部或部分路径即可十分方便地完成对新开发页面的打包操作，而无需将整个项目打包，从而减少了打包时间，提升了打包效率，改善用户体验。同时，由于可以将单个页面进行打包，因此也减少上传服务器的时间，降低占用的存储空间，进一步改善用户体验。

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

图6是根据一示例性实施例示出的一种电子设备60的框图。请参考图6，在硬件层面，该电子设备包括处理器61，可选地还包括内部总线63、网络接口65、存储器67。其中，存储器67可能包含内存，例如高速随机存取存储器(Random-Access Memory，RAM)，也可能还包括非易失性存储器(non-volatile memory)，例如至少1个磁盘存储器等。当然，该电子设备60还可能包括其他业务所需要的硬件。

处理器61、网络接口65和存储器67可以通过内部总线63相互连接，该内部总线63可以是ISA(Industry Standard Architecture，工业标准体系结构)总线、PCI(PeripheralComponent Interconnect，外设部件互连标准)总线或EISA(Extended Industry StandardArchitecture，扩展工业标准结构)总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示，图6中仅用一个双向箭头表示，但并不表示仅有一根总线或一种类型的总线。

存储器67，用于存放程序。具体地，程序可以包括程序代码，所述程序代码包括计算机操作指令。存储器67可以包括内存和非易失性存储器，并向处理器提供指令和数据。

处理器61从非易失性存储器中读取对应的计算机程序到内存中然后运行，在逻辑层面上形成页面打包装置。处理器61，执行存储器67所存放的程序，并具体用于执行以下操作：

基于发起的打包请求中的目标字符串，对开发页面进行匹配，得到与所述目标字符串对应的目标页面；

调用与所述目标页面对应的入口对所述目标页面进行打包。

上述如本公开说明书图6所示实施例揭示的页面打包装置执行的方法可以应用于处理器61中，或者由处理器61实现。处理器61可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器61中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器61可以是通用处理器，包括中央处理器(CentralProcessing Unit，CPU)、网络处理器(Network Processor，NP)等；还可以是数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific IntegratedCircuit，ASIC)、现场可编程门阵列(Field－Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本说明书一个或多个实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本公开说明书一个或多个实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器，处理器读取存储器中的信息，结合其硬件完成上述方法的步骤。

该电子设备60还可执行图2和图4的方法，并实现页面打包装置在图2和图4所示实施例的功能，本说明书实施例在此不再赘述。

当然，除了软件实现方式之外，本公开说明书的电子设备60并不排除其他实现方式，比如逻辑器件抑或软硬件结合的方式等等，也就是说以下处理流程的执行主体并不限定于各个逻辑单元，也可以是硬件或逻辑器件。

在示例性实施例中，还提供了一种包括指令的存储介质，例如包括指令的存储器67，上述指令可由电子设备60的处理器61执行以完成上述方法。可选地，存储介质可以是非临时性计算机可读存储介质，例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

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

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

Claims (10)

1.一种页面打包方法，其特征在于，包括：

获得打包请求，所述打包请求中携带有与目标应用的待打包页面关联的目标字符串；

在所述目标应用中选择与所述目标字符串匹配的目标页面；

对所述目标页面进行打包。

2.根据权利要求1所述的页面打包方法，其特征在于，所述在所述目标应用中选择与所述目标字符串匹配的目标页面的步骤包括：

在所述目标应用中选择页面路径与所述目标字符串匹配的目标页面。

3.根据权利要求1所述的页面打包方法，其特征在于，所述对所述目标页面进行打包的步骤，包括：

调用与所述目标页面对应的入口对所述目标页面进行打包。

4.根据权利要求1所述的页面打包方法，其特征在于，在所述对所述目标页面进行打包的步骤之后，所述方法还包括：

将打包后的所述目标页面上传给服务器。

5.一种页面打包装置，其特征在于，所述页面打包装置包括：

获得单元，被配置为执行获得打包请求的步骤，所述打包请求中携带有与目标应用的待打包页面关联的目标字符串；

匹配单元，被配置为执行在所述目标应用中选择与所述目标字符串匹配的目标页面的步骤；

打包单元，被配置为执行对所述目标页面进行打包的步骤。

6.根据权利要求5所述的页面打包装置，其特征在于，所述匹配单元被配置为执行在所述目标应用中选择页面路径与所述目标字符串匹配的目标页面的步骤。

7.根据权利要求5所述的页面打包装置，其特征在于，所述打包单元被配置为执行调用与所述目标页面对应的入口对所述目标页面进行打包的步骤。

8.根据权利要求5所述的页面打包装置，其特征在于，所述页面打包装置还包括：

上传单元，被配置为执行将打包后的所述目标页面上传给服务器的步骤。

9.一种电子设备，其特征在于，包括：

处理器；

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

其中，所述处理器被配置为执行所述指令，以实现如权利要求1至4中任一项所述的页面打包方法。

10.一种存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如权利要求1至4中任一项所述的页面打包方法。

Images