CN113064632A - 前端项目发布方法及装置 - Google Patents
前端项目发布方法及装置 Download PDFInfo
- Publication number
- CN113064632A CN113064632A CN202110372784.0A CN202110372784A CN113064632A CN 113064632 A CN113064632 A CN 113064632A CN 202110372784 A CN202110372784 A CN 202110372784A CN 113064632 A CN113064632 A CN 113064632A
- Authority
- CN
- China
- Prior art keywords
- configuration file
- page
- static
- construction
- semi
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 70
- 238000010276 construction Methods 0.000 claims abstract description 169
- 230000003068 static effect Effects 0.000 claims abstract description 92
- 238000012360 testing method Methods 0.000 claims description 120
- 238000004088 simulation Methods 0.000 claims description 20
- 230000008569 process Effects 0.000 description 11
- 238000009877 rendering Methods 0.000 description 8
- 238000003860 storage Methods 0.000 description 5
- 238000010586 diagram Methods 0.000 description 4
- 230000009471 action Effects 0.000 description 3
- 230000006870 function Effects 0.000 description 2
- 238000004806 packaging method and process Methods 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 1
- 238000009826 distribution Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000002787 reinforcement Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 230000000717 retained effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Computer Security & Cryptography (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
Abstract
本发明提供了一种前端项目发布方法及装置,获取待发布前端项目的配置文件集合;将构建标识为静态化标识的每个配置文件确定为第一配置文件,并将构建标识为半静态化标识的每个配置文件确定为第二配置文件;针对每个第一配置文件,依据第一配置文件文件中包括的页面构建参数,构建第一配置文件对应的静态化页面;针对每个第二配置文件,依据第二配置文件中包括的页面构建参数,构建第二配置文件对应的半静态化页面;将各个静态化页面、各个半静态化页面、以及构建标识为动态化标识的每个配置文件组成目标前端项目并发布。由于在前端项目发布前,预先对前端项目中的部分页面进行构建,从而提高前端页面生成速度和呈现速度,进而提高用户体验。
Description
技术领域
本发明涉及前端技术领域,尤其涉及一种前端项目发布方法及装置。
背景技术
随着互联网技术的发展,互联网的应用越来越广泛,越来越多的用户通过互联网进行网页浏览,用户浏览的网页为网站系统的前端,多个前端页面组成前端项目。
现有技术中,前端项目中的每一个前端页面均为在该前端项目发布后动态渲染所生成的,由于只有在运行时才能决定前端页面的渲染内容,增加了渲染时间和白屏时间,导致前端页面呈现速度慢,影响用户体验。
发明内容
本发明提供了一种前端项目发布方法及装置,目的在于解决只有在运行时才能决定前端页面的渲染内容,增加了渲染时间和白屏时间,导致前端页面呈现速度慢,影响用户体验的问题。
为了实现上述目的,本发明提供了以下技术方案:
一种前端项目发布方法,包括:
获取待发布前端项目的配置文件集合;所述配置文件集合包括至少一个配置文件,所述配置文件中至少包括页面构建参数和构建标识,所述构建标识用于指示前端页面的构建方式;
将构建标识为静态化标识的每个配置文件确定为第一配置文件,并将构建标识为半静态化标识的每个配置文件确定为第二配置文件;其中,所述静态化标识用于指示对前端页面进行静态化构建,所述半静态化标识用于指示对前端页面进行半静态化构建;
针对每个第一配置文件,依据所述第一配置文件文件中包括的页面构建参数,构建所述第一配置文件对应的静态化页面;
针对每个第二配置文件,依据所述第二配置文件中包括的页面构建参数,构建所述第二配置文件对应的半静态化页面;
将各个静态化页面、各个半静态化页面、以及构建标识为动态化标识的每个配置文件组成目标前端项目;其中,所述动态化标识用于指示在所述目标前端项目发布后对前端页面进行动态化构建;
发布所述目标前端项目。
上述的方法,可选的,所述依据所述第一配置文件文件中包括的页面构建参数,构建所述第一配置文件对应的静态化页面,包括:
识别所述第一配置文件中包括的页面构建参数中的各个页面属性字段;
依据所识别的各个页面属性字段,利用预设的静态化构建脚本构建所述第一配置文件对应的静态化页面。
上述的方法,可选的,所述依据所述第二配置文件中包括的页面构建参数,构建所述第二配置文件对应的半静态化页面,包括:
展示预设的与所述第二配置文件对应的用户端模拟界面;
响应于用户通过所述用户端模拟界面的操作,抓取页面结构;
识别所述第二配置文件中包括的页面构建参数中的各个页面属性字段;
将每个页面属性字段写入所述页面结构中,得到所述第二配置文件对应的半静态化页面。
上述的方法,可选的,所述依据所述第一配置文件文件中包括的页面构建参数,构建所述第一配置文件对应的静态化页面之后,还包括:
判断所述第一配置文件文件中是否包括第一测试用例;
若所述第一配置文件中包括第一测试用例,则基于所述第一测试用例,对所述静态化页面进行测试,得到所述静态化页面的测试结果;
所述依据所述第二配置文件中包括的页面构建参数,构建所述第二配置文件对应的半静态化页面之后,还包括:
判断所述第二配置文件中是否包括第二测试用例;
若所述第二配置文件中包括第二测试用例,则基于所述第二测试用例,对所述半静态化页面进行测试,得到所述半静态化页面的测试结果。
上述的方法,可选的,还包括:
基于每个静态化页面的测试结果、以及每个半静态化页面的测试结果,生成测试报告。
一种前端项目发布装置,包括:
获取单元,用于获取待发布前端项目的配置文件集合;所述配置文件集合包括至少一个配置文件,所述配置文件中至少包括页面构建参数和构建标识,所述构建标识用于指示前端页面的构建方式;
确定单元,用于将构建标识为静态化标识的每个配置文件确定为第一配置文件,并将构建标识为半静态化标识的每个配置文件确定为第二配置文件;其中,所述静态化标识用于指示对前端页面进行静态化构建,所述半静态化标识用于指示对前端页面进行半静态化构建;
第一构建单元,用于针对每个第一配置文件,依据所述第一配置文件文件中包括的页面构建参数,构建所述第一配置文件对应的静态化页面;
第二构建单元,用于针对每个第二配置文件,依据所述第二配置文件中包括的页面构建参数,构建所述第二配置文件对应的半静态化页面;
组成单元,用于将各个静态化页面、各个半静态化页面、以及构建标识为动态化标识的每个配置文件组成目标前端项目;其中,所述动态化标识用于指示在所述目标前端项目发布后对前端页面进行动态化构建;
发布单元,用于发布所述目标前端项目。
上述的装置,可选的,所述第一构建单元执行依据所述第一配置文件文件中包括的页面构建参数,构建所述第一配置文件对应的静态化页面,用于:
识别所述第一配置文件中包括的页面构建参数中的各个页面属性字段;
依据所识别的各个页面属性字段,利用预设的静态化构建脚本构建所述第一配置文件对应的静态化页面。
上述的装置,可选的,所述第二构建单元执行依据所述第二配置文件中包括的页面构建参数,构建所述第二配置文件对应的半静态化页面,用于:
展示预设的与所述第二配置文件对应的用户端模拟界面;
响应于用户通过所述用户端模拟界面的操作,抓取页面结构;
识别所述第二配置文件中包括的页面构建参数中的各个页面属性字段;
将每个页面属性字段写入所述页面结构中,得到所述第二配置文件对应的半静态化页面。
上述的装置,可选的,还包括:
第一判断单元,用于判断所述第一配置文件文件中是否包括第一测试用例;
第二测试单元,用于若所述第一配置文件中包括第一测试用例,则基于所述第一测试用例,对所述静态化页面进行测试,得到所述静态化页面的测试结果;
所述依据所述第二配置文件中包括的页面构建参数,构建所述第二配置文件对应的半静态化页面之后,还包括:
第二判断单元,用于判断所述第二配置文件中是否包括第二测试用例;
第二测试单元,用于若所述第二配置文件中包括第二测试用例,则基于所述第二测试用例,对所述半静态化页面进行测试,得到所述半静态化页面的测试结果。
上述的装置,可选的,还包括:
生成单元,用于基于每个静态化页面的测试结果、以及每个半静态化页面的测试结果,生成测试报告。
一种存储介质,所述存储介质包括存储的程序,其中,在所述程序运行时控制所述存储介质所在的设备执行上述的前端项目发布方法。
一种电子设备,包括存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行上述的前端项目发布方法。
与现有技术相比,本发明包括以下优点:
本发明提供了一种前端项目发布方法及装置,该方法包括:获取待发布前端项目的配置文件集合;配置文件集合包括至少一个配置文件,配置文件中至少包括页面构建参数和构建标识,构建标识用于指示前端页面的构建方式;将构建标识为静态化标识的每个配置文件确定为第一配置文件,并将构建标识为半静态化标识的每个配置文件确定为第二配置文件;针对每个第一配置文件,依据第一配置文件文件中包括的页面构建参数,构建第一配置文件对应的静态化页面;针对每个第二配置文件,依据第二配置文件中包括的页面构建参数,构建第二配置文件对应的半静态化页面;将各个静态化页面、各个半静态化页面、以及构建标识为动态化标识的每个配置文件组成目标前端项目;其中,动态化标识用于指示在目标前端项目发布后对前端页面进行动态化构建;发布目标前端项目。本技术方案中,在前端项目发布前,构建静态化页面以及半静态化页面,从而基于静态化页面、半静态化页面、以及构建标识为动态化标识的每个配置文件组成目标前端项目并发布,由于在前端项目发布前,预先对前端项目中的部分页面进行构建,从而提高前端页面生成速度和呈现速度,进而提高用户体验。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。
图1为本发明提供的一种前端项目发布方法的方法流程图;
图2为本发明提供的一种前端项目发布方法的又一方法流程图;
图3为本发明提供的一种前端项目发布方法的又一方法流程图;
图4为本发明提供的一种前端项目发布方法的又一方法流程图;
图5为本发明提供的一种前端项目发布装置的结构示意图;
图6为本发明提供的一种电子设备的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明可用于众多通用或专用的计算装置环境或配置中。例如:个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器装置、包括以上任何装置或设备的分布式计算环境等等。
本发明实施例提供了一种前端项目发布方法,该方法可以应用在多种系统平台,其执行主体可以运行在计算机终端或各种移动设备的处理器,所述方法的方法流程图如图1所示,具体包括:
S101、获取待发布前端项目的配置文件集合。
本实施例中,预先编写待发布前端项目,待发布前端项目中包括项目代码和配置文件集合,配置文件集合包括至少一个配置文件,配置文件中包括页面构建参数和构建标识,构建标识用于指示前端页面的构建方式。
获取待发布前端项目的配置文件集合,具体的,获取待发布前端项目的配置文件集合的过程,具体包括:通过设定项目获取时间,定时获取待发布前端项目,从而获取待发布前端项目中的包括的各个配置文件,将各个配置文件组成配置文件集合;或者接收用户上传的待发布前端项目,从而获取待发布前端项目中的包括的各个配置文件,将各个配置文件组成配置文件集合。
本实施例中,页面构建参数包括但不限于页面标题和页面描述信息。
需要说明的是,构架标识可以是静态化标识、半静态化标识或动态化标识。
S102、将构建标识为静态化标识的每个配置文件确定为第一配置文件,并将构建标识为半静态化标识的每个配置文件确定为第二配置文件。
本实施例中,基于配置文件中包括的构建标识,对配置文件进行分类,针对每个配置文件,判断该配置文件中包括的构建标识是否静态化标识,若构建标识为静态化标识,则将该配置文件确定为第一配置文件,若构建标识不为静态化标识,则判断该构建标识是否为半静态化标识,若构建标识为半静态化标识,则将该配置文件确定为第二配置文件。
其中,静态化标识用于指示对前端页面进行静态化构建,本静态化标识用于指示对前端页面进行半静态化构建;也就是说,若配置文件中包括的构建标识为静态化标识,则需对配置文件对应的前端页面进行静态化构建,若配置文件文件包括的构建标识为半静态化标识,则需对配置文件对应的前端页面进行半静态构建。
S103、针对每个第一配置文件,依据第一配置文件文件中包括的页面构建参数,构建第一配置文件对应的静态化页面。
本实施例中的,对于构建标识为静态化标识的配置文件,采用相同的构建方式,进行前端页面构建。
本实施中,针对每个第一配置文件,依据第一配置文件中包括的页面构建参数,构建该第一配置文件对应的静态化页面。
参考图2,依据第一配置文件文件中包括的页面构建参数,构建第一配置文件对应的静态化页面的过程,具体包括:
S201、识别第一配置文件中包括的页面构建参数中的各个页面属性字段。
本实施例中,识别第一配置文件中包括的页面构建参数中的各个页面属性字段。其中,页面属性字段为待写入页面中的字段,例如页面标题名称。
S202、依据所识别的各个页面属性字段,利用预设的静态化构建脚本构建第一配置文件对应的静态化页面。
本实施例中,预设静态化构建脚本。
本实施例中,依据所识别的各个页面属性字段,利用预设的静态化构建脚本,构建第一页面文件对应的静态化文件。具体的,识别第一配置文件中包括的页面构建参数中的页面结构,调用静态化构建脚本,将所识别的各个页面属性字段写入至页面结构中,得到第一配置文件对应的静态化页面。
本实施例中,通过对第一配置文件中包括的页面构建参数中的页面属性字段以及页面结构的识别,调用预设的静态化构建脚本,将页面属性字段写入至页面结构中的,得到第一配置文件对应的静态化页面。
S104、针对每个第二配置文件,依据第二配置文件中包括的页面构建参数,构建第二配置文件对应的半静态化页面。
本实施例中的,对于构建标识为半静态化标识的配置文件,采用相同的构建方式,进行前端页面构建。
本实施中,针对每个第二配置文件,依据第二配置文件中包括的页面构建参数,构建该第二配置文件对应的静态化页面。
参考图3,依据第二配置文件中包括的页面构建参数,构建该第二配置文件对应的静态化页面的过程,具体包括:
S301、展示预设的与第二配置文件对应的用户端模拟界面。
展示预设的与第二配置文件对应的用户端模拟界面,也就是在浏览器中,对第二配置文件对应的前端页面进行渲染,并将渲染后得到的前端页面展示给用户,用户基于用户端模拟界面进行操作。
S302、响应于用户通过用户端模拟界面的操作,抓取页面结构。
本实施例中,用户通过用户端模拟界面进行操作,处理器响应于用户通过用户模拟界面的操作,抓取页面结构。具体的,处理器基于预先设定的抓取时机,抓取页面结构,其中,抓取时机用于指示在什么时刻进行页面结构抓取。
抓取时机有以下几种方式:
1、浏览器空闲:当浏览器不在处理资源时,代表页面已经加载完成。
2.、页面固定事件,例如onload,这是浏览器加载完页面会自动抛出的,代表所有资源已加载完毕。
3、自定义事件,例如有些页面需要进行一些交互后才进行渲染,那么这个事件需要手动触发,页面触发后,工具进行抓取。
需要说明的是,所抓取的页面结构中,保留可变环境变量,可变环境变量需根据实际情况进行变量赋值。其中,可变环境变量用于指示面向不同用户,需展示不同内容对应的变量,例如不同用户的分享页,用户的id相对于页面就是可变的,不同用户页面展示的内容会有区别,所以用户id就是可变变量,再例如博客的不同文章,也会有不同的id区分,对应的id对应唯一的一篇文章,这个id就是可变变量。
S303、识别第二配置文件中包括的页面构建参数中的各个页面属性字段。
本实施例中,识别第二配置文件中包括的页面构建参数中的各个页面属性字段,其中,页面属性字段为待写入页面中的字段,例如页面标题名称。
S304、将每个页面属性字段写入页面结构中,得到第二配置文件对应的半静态化页面。
本实施例中,调用预设的半静态化构建脚本,将每个页面属性字段对应写入页面结构中,得到第二配置文件对应的半静态化页面。
本实施例中,对于每个第二配置文件,通过向用户展示用户端模拟界面,响应用户通过用户端模拟界面的操作,获取页面结构,进而将第二配置文件中包括的页面构建参数中的各个页面属性字段对应写入页面结构中,得到该第二配置文件对应的半静态化页面。
S105、将各个静态化页面、各个半静态化页面、以及构建标识为动态化标识的每个配置文件组成目标前端项目。
本实施例中,将各个静态化页面、各个半静态化页面、以及构建标识为动态化标识的每个配置文件组成前端项目。其中,动态化标识用于指示在目标前端项目发布后对前端页面进行动态化构建。
S106、发布目标前端项目。
将前端项目进行发布。
本发明实施例提供的前端项目发布方法,对待发布前端项目中包括的配置文件集合中构建标识为静态化标识的配置文件,执行静态化页面构建,对待发布前端项目中包括的配置文件集合中构建标识为半静态化标识的配置文件,执行半静态化页面构建,从而基于静态化页面、半静态化页面、以及构建标识为动态化标识的每个配置文件组成目标前端项目并发布,由于在前端项目发布前,预先对前端项目中的部分页面进行构建,从而提高前端页面生成速度和呈现速度,进而提高用户体验。
本实施例提供的方法中,上述步骤S103提及的依据第一配置文件文件中包括的页面构建参数,构建第一配置文件对应的静态化页面之后,还包括:
判断第一配置文件文件中是否包括第一测试用例;
若第一配置文件中包括第一测试用例,则基于第一测试用例,对静态化页面进行测试,得到静态化页面的测试结果。
本实施例中,在构建第一配置文件对应的静态化页面之后,判断第一配置文件中是否包括第一测试用例,若包括,则表征需要对所构建的静态化页面进行测试,并基于第一测试用例,对静态化页面进行测试,从而得到静态化页面的测试结果,若不包括,则表征无需对所构建的静态化页面进行测试。
本实施例提供的方法中,上述步骤S104提及的依据第二配置文件中包括的页面构建参数,构建第二配置文件对应的半静态化页面之后,还包括:
判断第二配置文件中是否包括第二测试用例;
若第二配置文件中包括第二测试用例,则基于第二测试用例,对半静态化页面进行测试,得到半静态化页面的测试结果。
本实施例中,在构建第二配置文件对应的半静态化页面之后,判断第二配置文件中是否包括第二测试用例,若包括,则表征需要对所构建的半静态化页面进行测试,并基于第二测试用例,对半静态化页面进行测试,从而得到半静态化页面的测试结果,若不包括,则表征无需对所构建的半静态化页面进行测试。
本实施例提供的方法中,测试用例部分也可以独立出来,也可以仅为测试进行构建,也就是,可以基于测试用例对其他页面进行测试。
本实施例中,还可以包括:基于每个静态化页面的测试结果、以及每个半静态化页面的测试结果,生成测试报告。
在实施例中,对前端项目发布方法的一种实现过程进行说明,如图4所示,包括以下步骤:
S401、获取待发布前端项目的配置文件集合。
可选的,步骤S401的具体实现过程如步骤S101所述,此处不再赘述。
S402、将构建标识为静态化标识的每个配置文件确定为第一配置文件,并将构建标识为半静态化标识的每个配置文件确定为第二配置文件。
可选的,步骤S402的具体实现过程如步骤S102所述,此处不再赘述。
S403、针对每个第一配置文件,依据所述第一配置文件文件中包括的页面构建参数,构建第一配置文件对应的静态化页面。
可选的,步骤S403的具体实现过程如步骤S103所述,此处不再赘述。
S404、针对每个第二配置文件,依据所述第二配置文件中包括的页面构建参数,构建第二配置文件对应的半静态化页面。
可选的,步骤S404的具体实现过程如步骤S104所述,此处不再赘述。
S405、针对每个第一配置文件,若第一配置文件中包括第一测试用例,则基于第一测试用例,对静态化页面进行测试,得到静态化页面的测试结果。
本实施例中,针对每个第一配置文件,判断第一配置文件中是否包括第一测试用例,若包括,则依据第一测试用例,对第一配置文件文件对应的静态化页面进行测试,得到测试结果,若不包括,则不对第一配置文件对应的静态化页面进行测试。
S406、针对每个第二配置文件,若第二配置文件中包括第二测试用例,则基于第二测试用例,对所述半静态化页面进行测试,得到所述半静态化页面的测试结果。
本实施例中,针对每个第二配置文件,判断第二配置文件中是否包括第二测试用例,若包括,则依据第二测试用例,对第二配置文件文件对应的静态化页面进行测试,得到测试结果,若不包括,则不对第二配置文件对应的静态化页面进行测试。
S407、基于每个静态化页面的测试结果、以及每个半静态化页面的测试结果,生成测试报告。
本实施例中,基于所有的测试结果,生成测试报告。可选的,还可以将该测试报告发送至相关人员对应的设备。
S408、将各个静态化页面、各个半静态化页面、以及构建标识为动态化标识的每个配置文件组成目标前端项目。
可选的,步骤S408的具体实现过程如步骤S105所述,此处不再赘述。
S409、发布目标前端项目。
本实施例中,发布目标前端项目。
本实施例提供的前端项目发布方法中,通过对所构建的静态化页面和半静态化页面进行构建,从而获取所构建页面的质量。
本实施例中,使用约定胜于配置思想,将每个页面进行配置处理,指定一个配置文件,包含是否包含静态化、是否包含半静态化、动态化、自动化测试参数等各种开关,同时也包含页面属性(标题、描述等元数据局),构建时为每一类型构建提供独立构建脚本,每种场景独立构建。
半静态化,使用Chrome Headless方案库Puppeteer实现,预置页面入口,本地模拟用户端访问,保留可变环境变量,根据约定的自定义抓取时机进行页面结构抓取,最终采集运行时快照,并保留动态化能力。
静态化,针对不活跃页面,为了不占用构建资源,进行本地打包,根据预置入口页面进行本地(也可在构建机)打包,将打包后资源同步保存,生产环境为增量覆盖,用户端访问时依然是动态页面。
自动化测试,针对每个页面定制的规则,可以非常便捷找到对应页面地址,配置中可以配置一些自动化测试参数,如测试地址、测试用例、测试模拟数据等,准备好这些数据就可以非常方便开启自动化测试框架。
与图1所述的方法相对应,本申请实施例还提供了前端项目发布装置,用于对图1中方法的具体实现,其结构示意图如图5所示,具体包括:
获取单元501,用于获取待发布前端项目的配置文件集合;所述配置文件集合包括至少一个配置文件,所述配置文件中至少包括页面构建参数和构建标识,所述构建标识用于指示前端页面的构建方式;
确定单元502,用于将构建标识为静态化标识的每个配置文件确定为第一配置文件,并将构建标识为半静态化标识的每个配置文件确定为第二配置文件;其中,所述静态化标识用于指示对前端页面进行静态化构建,所述半静态化标识用于指示对前端页面进行半静态化构建;
第一构建单元503,用于针对每个第一配置文件,依据所述第一配置文件文件中包括的页面构建参数,构建所述第一配置文件对应的静态化页面;
第二构建单元504,用于针对每个第二配置文件,依据所述第二配置文件中包括的页面构建参数,构建所述第二配置文件对应的半静态化页面;
组成单元505,用于将各个静态化页面、各个半静态化页面、以及构建标识为动态化标识的每个配置文件组成目标前端项目;其中,所述动态化标识用于指示在所述目标前端项目发布后对前端页面进行动态化构建;
发布单元506,用于发布所述目标前端项目。
本申请实施例提供的前端项目发布装置,对待发布前端项目中包括的配置文件集合中构建标识为静态化标识的配置文件,执行静态化页面构建,对待发布前端项目中包括的配置文件集合中构建标识为半静态化标识的配置文件,执行半静态化页面构建,从而基于静态化页面、半静态化页面、以及构建标识为动态化标识的每个配置文件组成目标前端项目并发布,由于在前端项目发布前,预先对前端项目中的部分页面进行构建,从而提高前端页面生成速度和呈现速度,进而提高用户体验。
在本申请的一个实施例中,基于前述方案,第一构建单元503执行依据所述第一配置文件文件中包括的页面构建参数,构建所述第一配置文件对应的静态化页面,用于:
识别所述第一配置文件中包括的页面构建参数中的各个页面属性字段;
依据所识别的各个页面属性字段,利用预设的静态化构建脚本构建所述第一配置文件对应的静态化页面。
在本申请的一个实施例中,基于前述方案,第二构建单元504执行依据所述第二配置文件中包括的页面构建参数,构建所述第二配置文件对应的半静态化页面,用于:
展示预设的与所述第二配置文件对应的用户端模拟界面;
响应于用户通过所述用户端模拟界面的操作,抓取页面结构;
识别所述第二配置文件中包括的页面构建参数中的各个页面属性字段;
将每个页面属性字段写入所述页面结构中,得到所述第二配置文件对应的半静态化页面。
在本申请的一个实施例中,基于前述方案,还可以配置为:
第一判断单元,用于判断所述第一配置文件文件中是否包括第一测试用例;
第二测试单元,用于若所述第一配置文件中包括第一测试用例,则基于所述第一测试用例,对所述静态化页面进行测试,得到所述静态化页面的测试结果;
第二判断单元,用于判断所述第二配置文件中是否包括第二测试用例;
第二测试单元,用于若所述第二配置文件中包括第二测试用例,则基于所述第二测试用例,对所述半静态化页面进行测试,得到所述半静态化页面的测试结果。
在本申请的一个实施例中,基于前述方案,还可以配置为:
生成单元,用于基于每个静态化页面的测试结果、以及每个半静态化页面的测试结果,生成测试报告。
本申请实施例还提供了一种存储介质,所述存储介质包括存储的指令,其中,在所述指令运行时控制所述存储介质所在的设备执行上述基于状态表示学习的深度强化学习方法。
本申请实施例还提供了一种电子设备,其结构示意图如图6所示,具体包括存储器601,以及一个或者一个以上的指令602,其中一个或者一个以上指令602存储于存储器601中,且经配置以由一个或者一个以上处理器603执行所述一个或者一个以上指令602进行以下操作:
获取待发布前端项目的配置文件集合;所述配置文件集合包括至少一个配置文件,所述配置文件中至少包括页面构建参数和构建标识,所述构建标识用于指示前端页面的构建方式;
将构建标识为静态化标识的每个配置文件确定为第一配置文件,并将构建标识为半静态化标识的每个配置文件确定为第二配置文件;其中,所述静态化标识用于指示对前端页面进行静态化构建,所述半静态化标识用于指示对前端页面进行半静态化构建;
针对每个第一配置文件,依据所述第一配置文件文件中包括的页面构建参数,构建所述第一配置文件对应的静态化页面;
针对每个第二配置文件,依据所述第二配置文件中包括的页面构建参数,构建所述第二配置文件对应的半静态化页面;
将各个静态化页面、各个半静态化页面、以及构建标识为动态化标识的每个配置文件组成目标前端项目;其中,所述动态化标识用于指示在所述目标前端项目发布后对前端页面进行动态化构建;
发布所述目标前端项目。
需要说明的是,本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。对于装置类实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本发明时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例或者实施例的某些部分所述的方法。
以上对本发明所提供的一种前端项目发布方法及装置进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。
Claims (10)
1.一种前端项目发布方法,其特征在于,包括:
获取待发布前端项目的配置文件集合;所述配置文件集合包括至少一个配置文件,所述配置文件中至少包括页面构建参数和构建标识,所述构建标识用于指示前端页面的构建方式;
将构建标识为静态化标识的每个配置文件确定为第一配置文件,并将构建标识为半静态化标识的每个配置文件确定为第二配置文件;其中,所述静态化标识用于指示对前端页面进行静态化构建,所述半静态化标识用于指示对前端页面进行半静态化构建;
针对每个第一配置文件,依据所述第一配置文件文件中包括的页面构建参数,构建所述第一配置文件对应的静态化页面;
针对每个第二配置文件,依据所述第二配置文件中包括的页面构建参数,构建所述第二配置文件对应的半静态化页面;
将各个静态化页面、各个半静态化页面、以及构建标识为动态化标识的每个配置文件组成目标前端项目;其中,所述动态化标识用于指示在所述目标前端项目发布后对前端页面进行动态化构建;
发布所述目标前端项目。
2.根据权利要求1所述的方法,其特征在于,所述依据所述第一配置文件文件中包括的页面构建参数,构建所述第一配置文件对应的静态化页面,包括:
识别所述第一配置文件中包括的页面构建参数中的各个页面属性字段;
依据所识别的各个页面属性字段,利用预设的静态化构建脚本构建所述第一配置文件对应的静态化页面。
3.根据权利要求1所述的方法,其特征在于,所述依据所述第二配置文件中包括的页面构建参数,构建所述第二配置文件对应的半静态化页面,包括:
展示预设的与所述第二配置文件对应的用户端模拟界面;
响应于用户通过所述用户端模拟界面的操作,抓取页面结构;
识别所述第二配置文件中包括的页面构建参数中的各个页面属性字段;
将每个页面属性字段写入所述页面结构中,得到所述第二配置文件对应的半静态化页面。
4.根据权利要求1所述的方法,其特征在于,所述依据所述第一配置文件文件中包括的页面构建参数,构建所述第一配置文件对应的静态化页面之后,还包括:
判断所述第一配置文件文件中是否包括第一测试用例;
若所述第一配置文件中包括第一测试用例,则基于所述第一测试用例,对所述静态化页面进行测试,得到所述静态化页面的测试结果;
所述依据所述第二配置文件中包括的页面构建参数,构建所述第二配置文件对应的半静态化页面之后,还包括:
判断所述第二配置文件中是否包括第二测试用例;
若所述第二配置文件中包括第二测试用例,则基于所述第二测试用例,对所述半静态化页面进行测试,得到所述半静态化页面的测试结果。
5.根据权利要求4所述的方法,其特征在于,还包括:
基于每个静态化页面的测试结果、以及每个半静态化页面的测试结果,生成测试报告。
6.一种前端项目发布装置,其特征在于,包括:
获取单元,用于获取待发布前端项目的配置文件集合;所述配置文件集合包括至少一个配置文件,所述配置文件中至少包括页面构建参数和构建标识,所述构建标识用于指示前端页面的构建方式;
确定单元,用于将构建标识为静态化标识的每个配置文件确定为第一配置文件,并将构建标识为半静态化标识的每个配置文件确定为第二配置文件;其中,所述静态化标识用于指示对前端页面进行静态化构建,所述半静态化标识用于指示对前端页面进行半静态化构建;
第一构建单元,用于针对每个第一配置文件,依据所述第一配置文件文件中包括的页面构建参数,构建所述第一配置文件对应的静态化页面;
第二构建单元,用于针对每个第二配置文件,依据所述第二配置文件中包括的页面构建参数,构建所述第二配置文件对应的半静态化页面;
组成单元,用于将各个静态化页面、各个半静态化页面、以及构建标识为动态化标识的每个配置文件组成目标前端项目;其中,所述动态化标识用于指示在所述目标前端项目发布后对前端页面进行动态化构建;
发布单元,用于发布所述目标前端项目。
7.根据权利要求6所述的装置,其特征在于,所述第一构建单元执行依据所述第一配置文件文件中包括的页面构建参数,构建所述第一配置文件对应的静态化页面,用于:
识别所述第一配置文件中包括的页面构建参数中的各个页面属性字段;
依据所识别的各个页面属性字段,利用预设的静态化构建脚本构建所述第一配置文件对应的静态化页面。
8.根据权利要求6所述的装置,其特征在于,所述第二构建单元执行依据所述第二配置文件中包括的页面构建参数,构建所述第二配置文件对应的半静态化页面,用于:
展示预设的与所述第二配置文件对应的用户端模拟界面;
响应于用户通过所述用户端模拟界面的操作,抓取页面结构;
识别所述第二配置文件中包括的页面构建参数中的各个页面属性字段;
将每个页面属性字段写入所述页面结构中,得到所述第二配置文件对应的半静态化页面。
9.根据权利要求6所述的装置,其特征在于,还包括:
第一判断单元,用于判断所述第一配置文件文件中是否包括第一测试用例;
第二测试单元,用于若所述第一配置文件中包括第一测试用例,则基于所述第一测试用例,对所述静态化页面进行测试,得到所述静态化页面的测试结果;
所述依据所述第二配置文件中包括的页面构建参数,构建所述第二配置文件对应的半静态化页面之后,还包括:
第二判断单元,用于判断所述第二配置文件中是否包括第二测试用例;
第二测试单元,用于若所述第二配置文件中包括第二测试用例,则基于所述第二测试用例,对所述半静态化页面进行测试,得到所述半静态化页面的测试结果。
10.根据权利要求9所述的装置,其特征在于,还包括:
生成单元,用于基于每个静态化页面的测试结果、以及每个半静态化页面的测试结果,生成测试报告。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110372784.0A CN113064632B (zh) | 2021-04-07 | 前端项目发布方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110372784.0A CN113064632B (zh) | 2021-04-07 | 前端项目发布方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113064632A true CN113064632A (zh) | 2021-07-02 |
CN113064632B CN113064632B (zh) | 2024-06-21 |
Family
ID=
Citations (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030025728A1 (en) * | 2001-07-10 | 2003-02-06 | Ebbo David S. | User control objects for providing server-side code generation from a user-defined dynamic web page content file |
US20090172559A1 (en) * | 2007-12-28 | 2009-07-02 | Microsoft Corporation | Creating and editing dynamic graphics via a web interface |
US20120137235A1 (en) * | 2010-11-29 | 2012-05-31 | Sabarish T S | Dynamic user interface generation |
CN102930037A (zh) * | 2012-11-09 | 2013-02-13 | 北京奇虎科技有限公司 | 页面加载方法和装置 |
US20130151996A1 (en) * | 2011-12-13 | 2013-06-13 | Jorge Nario | Dynamically Generating a Mobile Application |
US20150199447A1 (en) * | 2012-03-06 | 2015-07-16 | Google, Inc | Displaying web pages without downloading static files |
CN107229653A (zh) * | 2016-03-25 | 2017-10-03 | 北大方正集团有限公司 | 伪静态网页生成方法和装置 |
CN107229633A (zh) * | 2016-03-24 | 2017-10-03 | 北京神州泰岳软件股份有限公司 | 静态页面生成方法、网页访问方法及装置 |
CN109241477A (zh) * | 2018-07-27 | 2019-01-18 | 沈文策 | 一种网站页面加载方法、装置、电子设备及存储介质 |
CN109614569A (zh) * | 2018-12-07 | 2019-04-12 | 万兴科技股份有限公司 | 页面渲染方法、装置及智能终端 |
CN109783752A (zh) * | 2018-12-14 | 2019-05-21 | 深圳壹账通智能科技有限公司 | 页面加载方法及装置、电子设备和计算机可读存储介质 |
CN110297636A (zh) * | 2019-07-03 | 2019-10-01 | 广州鲁邦通物联网科技有限公司 | 一种基于页面配置文件的页面自动生成和参数管理方法、系统和装置 |
CN110990731A (zh) * | 2019-10-12 | 2020-04-10 | 平安国际智慧城市科技股份有限公司 | 一种静态网页的渲染方法、装置、设备及计算机存储介质 |
CN111724133A (zh) * | 2020-06-19 | 2020-09-29 | 北京达佳互联信息技术有限公司 | 一种创建项目的方法及装置 |
CN111949262A (zh) * | 2020-08-14 | 2020-11-17 | 曙光信息产业(北京)有限公司 | 前端项目的构建方法、装置、计算机设备和存储介质 |
Patent Citations (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030025728A1 (en) * | 2001-07-10 | 2003-02-06 | Ebbo David S. | User control objects for providing server-side code generation from a user-defined dynamic web page content file |
US20090172559A1 (en) * | 2007-12-28 | 2009-07-02 | Microsoft Corporation | Creating and editing dynamic graphics via a web interface |
US20120137235A1 (en) * | 2010-11-29 | 2012-05-31 | Sabarish T S | Dynamic user interface generation |
US20130151996A1 (en) * | 2011-12-13 | 2013-06-13 | Jorge Nario | Dynamically Generating a Mobile Application |
US20150199447A1 (en) * | 2012-03-06 | 2015-07-16 | Google, Inc | Displaying web pages without downloading static files |
CN102930037A (zh) * | 2012-11-09 | 2013-02-13 | 北京奇虎科技有限公司 | 页面加载方法和装置 |
CN107229633A (zh) * | 2016-03-24 | 2017-10-03 | 北京神州泰岳软件股份有限公司 | 静态页面生成方法、网页访问方法及装置 |
CN107229653A (zh) * | 2016-03-25 | 2017-10-03 | 北大方正集团有限公司 | 伪静态网页生成方法和装置 |
CN109241477A (zh) * | 2018-07-27 | 2019-01-18 | 沈文策 | 一种网站页面加载方法、装置、电子设备及存储介质 |
CN109614569A (zh) * | 2018-12-07 | 2019-04-12 | 万兴科技股份有限公司 | 页面渲染方法、装置及智能终端 |
CN109783752A (zh) * | 2018-12-14 | 2019-05-21 | 深圳壹账通智能科技有限公司 | 页面加载方法及装置、电子设备和计算机可读存储介质 |
CN110297636A (zh) * | 2019-07-03 | 2019-10-01 | 广州鲁邦通物联网科技有限公司 | 一种基于页面配置文件的页面自动生成和参数管理方法、系统和装置 |
CN110990731A (zh) * | 2019-10-12 | 2020-04-10 | 平安国际智慧城市科技股份有限公司 | 一种静态网页的渲染方法、装置、设备及计算机存储介质 |
CN111724133A (zh) * | 2020-06-19 | 2020-09-29 | 北京达佳互联信息技术有限公司 | 一种创建项目的方法及装置 |
CN111949262A (zh) * | 2020-08-14 | 2020-11-17 | 曙光信息产业(北京)有限公司 | 前端项目的构建方法、装置、计算机设备和存储介质 |
Non-Patent Citations (2)
Title |
---|
MADCODELIFE: "使用预渲染 (prerender-spaplugin)提升 SPA 应用体验", pages 1 - 10, Retrieved from the Internet <URL:《https://juejin.cn/post/6844903924265123853》> * |
生力军;: "基于ASP.NET的页面静态化实现方法研究", 软件导刊, no. 06 * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109254910B (zh) | 一种应用程序的测试方法、装置、电子设备及存储介质 | |
CN104956362A (zh) | 分析web应用程序的结构 | |
CN109376291B (zh) | 一种基于网络爬虫的网站指纹信息扫描的方法及装置 | |
CN108399124B (zh) | 应用测试方法、装置、计算机设备和存储介质 | |
CN107918575B (zh) | 一种页面状态的监控方法及装置 | |
CN110825619A (zh) | 接口测试用例自动生成方法、装置及存储介质 | |
CN109815119B (zh) | 一种app链接渠道的测试方法及装置 | |
CN110955409B (zh) | 在云平台上创建资源的方法和装置 | |
CN112988605B (zh) | 一种实现web应用自动化测试的方法及装置 | |
CN114297700B (zh) | 动静态结合的移动应用隐私协议提取方法及相关设备 | |
CN112100036B (zh) | 一种基于PaaS前端引擎的页面性能监控方法及系统 | |
CN111666201A (zh) | 回归测试方法、装置、介质及电子设备 | |
CN113535587A (zh) | 目标应用检测方法、装置及计算机设备 | |
CN112667934A (zh) | 动态模拟图展示方法、装置、电子设备和计算机可读介质 | |
CN112416762A (zh) | Api测试方法及装置、设备、计算机可读存储介质 | |
CN110708270B (zh) | 异常链接检测方法以及装置 | |
CN111679828A (zh) | 一种数据处理的方法及装置、电子设备、存储介质 | |
CN109815083B (zh) | 一种应用崩溃的监控方法、装置、电子设备及介质 | |
CN103593429A (zh) | 一种检测商品模板失效的方法及装置 | |
CN113064632B (zh) | 前端项目发布方法及装置 | |
CN113064632A (zh) | 前端项目发布方法及装置 | |
Patidar et al. | Detection of cross browser inconsistency by comparing extracted attributes | |
CN110347577B (zh) | 一种页面测试方法、装置及其设备 | |
CN116028108B (zh) | 一种依赖包安装用时分析方法、装置、设备及存储介质 | |
CN111125590A (zh) | 一种绘制热力图的方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant |