前端页面性能检测方法、装置、计算机设备及存储介质制造方法及图纸

本发明专利技术公开了一种前端页面性能检测方法、装置、计算机设备及存储介质，该方法包括：获取前端页面的配置文件以及所述配置文件的子目录；在所述子目录下创建至少一个账号配置文件；响应于用户发送的账户切换指令，根据所述账号切换指令对所述账号配置文件进行重写或者修改，以实现账号切换；响应于页面测试请求，根据所述页面测试请求，基于网络连接端点Node的API网关向后端发送测试命令，使后端根据所述测试命令对所述前端页面进行性能测试；基于所述性能测试的结果生成对应的测试报告并输出。本发明专利技术在全量场景下测试前端页面性能，能够有效降低测试异常率，提高测试结果的可靠性和稳定性。和稳定性。和稳定性。

【技术实现步骤摘要】
前端页面性能检测方法、装置、计算机设备及存储介质


[0001]本专利技术涉及软件测试
，特别涉及前端页面性能检测方法、装置、计算机设备及存储介质。

技术介绍

[0002]前端测试是一种针对前端页面、架构等方面进行的测试，用户在进行前端页面操作过程中可以记录用户操作的行为，发生的事件、事件发生的顺序，从而自动生成测试脚本，然后在脚本的回放过程中，采取传统断言的方式来进行自动化测试。但是当前的前端性能测试在很多情况下无法给出准确的前端页面加载时长，并且还存在整体测试效率较低、测试结果不可靠等缺陷。

技术实现思路

[0003]本专利技术实施例提供了一种前端页面性能检测方法、装置、计算机设备及存储介质，旨在降低测试异常率，提高测试结果的可靠性和稳定性。
[0004]第一方面，本专利技术实施例提供了一种前端页面性能检测方法，包括：
[0005]获取前端页面的配置文件以及所述配置文件的子目录；
[0006]在所述子目录下创建至少一个账号配置文件；
[0007]响应于用户发送的账户切换指令，根据所述账号切换指令对所述账号配置文件进行重写或者修改，以实现账号切换；
[0008]响应于页面测试请求，根据所述页面测试请求，基于网络连接端点Node的API网关向后端发送测试命令，使后端根据所述测试命令对所述前端页面进行性能测试；
[0009]基于所述性能测试的结果生成对应的测试报告并输出。
[0010]第二方面，本专利技术实施例提供了一种前端页面性能检测装置，包括：
[0011]文件获取单元，用于获取前端页面的配置文件以及所述配置文件的子目录；
[0012]文件创建单元，用于在所述子目录下创建至少一个账号配置文件；
[0013]账号切换单元，用于响应于用户发送的账户切换指令，根据所述账号切换指令对所述账号配置文件进行重写或者修改，以实现账号切换；
[0014]性能测试单元，用于响应于页面测试请求，根据所述页面测试请求，基于网络连接端点Node的API网关向后端发送测试命令，使后端根据所述测试命令对所述前端页面进行性能测试；
[0015]报告输出单元，用于基于所述性能测试的结果生成对应的测试报告并输出。
[0016]第三方面，本专利技术实施例提供了一种计算机设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如第一方面所述的前端页面性能检测方法。
[0017]第四方面，本专利技术实施例提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如第一方面所述的前端页
面性能检测方法。
[0018]本专利技术实施例提供了一种前端页面性能检测方法、装置、计算机设备及存储介质，该方法包括：获取前端页面的配置文件以及所述配置文件的子目录；在所述子目录下创建至少一个账号配置文件；响应于用户发送的账户切换指令，根据所述账号切换指令对所述账号配置文件进行重写或者修改，以实现账号切换；响应于页面测试请求，根据所述页面测试请求，基于网络连接端点Node的API网关向后端发送测试命令，使后端根据所述测试命令对所述前端页面进行性能测试；基于所述性能测试的结果生成对应的测试报告并输出。本专利技术实施例在全量场景下测试前端页面性能，能够有效降低测试异常率，提高测试结果的可靠性和稳定性。
附图说明
[0019]为了更清楚地说明本专利技术实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0020]图1为本专利技术实施例提供的一种前端页面性能检测方法的流程示意图；
[0021]图2为本专利技术实施例提供的一种前端页面性能检测方法的子流程示意图；
[0022]图3为本专利技术实施例提供的一种前端页面性能检测装置的示意性框图；
[0023]图4为本专利技术实施例提供的一种前端页面性能检测装置的子示意性框图。
具体实施方式
[0024]下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0025]应当理解，当在本说明书和所附权利要求书中使用时，术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
[0026]还应当理解，在此本专利技术说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本专利技术。如在本专利技术说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。
[0027]还应当进一步理解，在本专利技术说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。
[0028]下面请参见图1，图1为本专利技术实施例提供的一种前端页面性能检测方法的流程示意图，具体包括：步骤S101～S105。
[0029]S101、获取前端页面的配置文件以及所述配置文件的子目录；
[0030]S102、在所述子目录下创建至少一个账号配置文件；
[0031]S103、响应于用户发送的账户切换指令，根据所述账号切换指令对所述账号配置文件进行重写或者修改，以实现账号切换；
[0032]S104、响应于页面测试请求，根据所述页面测试请求，基于网络连接端点Node的
API网关向后端发送测试命令，使后端根据所述测试命令对所述前端页面进行性能测试；
[0033]S105、基于所述性能测试的结果生成对应的测试报告并输出。
[0034]本实施例中，首先搭建配置环境，配置测试参数，保证后续测试能够顺利进行。当接收到页面测试请求时，向后端发送对应的测试命令，从而使后端在接收到该测试命令后进行性能测试。在完成对于前端页面的性能测试后，输出相应的测试报告。本实施例在全量场景下测试前端页面性能，能够有效降低测试异常率，提高测试结果的可靠性和稳定性。
[0035]现有前端页面性能测量工具sitespeed具有两种测量方式，即测量单一网址或JS文件。但在有大量页面及复杂结构需要测量的场景下，执行起来较为繁杂且不易于维护，并且运行sitespeed还需要准备较多的前置环境。而本实施例则更易于部署在不同的环境下进行测量。在使用sitespeed测试的过程中切换不同账号进行测试往往可能需要修改所有测量文件，但是本实施例则具有配置化的能力，通即过修改配置文件即可达到切换账号的目的，维护起来更便捷。
[003本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端页面性能检测方法，其特征在于，包括：获取前端页面的配置文件以及所述配置文件的子目录；在所述子目录下创建至少一个账号配置文件；响应于用户发送的账户切换指令，根据所述账号切换指令对所述账号配置文件进行重写或者修改，以实现账号切换；响应于页面测试请求，根据所述页面测试请求，基于网络连接端点Node的API网关向后端发送测试命令，使后端根据所述测试命令对所述前端页面进行性能测试；基于所述性能测试的结果生成对应的测试报告并输出。2.根据权利要求1所述的前端页面性能检测方法，其特征在于，所述响应于页面测试请求，根据所述页面测试请求，基于网络连接端点Node的API网关向后端发送测试命令，使后端根据所述测试命令对所述前端页面进行性能测试，包括：对Node.js命令行选项的对应参数进行解析；根据解析的参数将API网关设置为后端入口点；通过所述后端入口点将所述测试命令的协议格式转换为与后端相匹配的协议格式，并在转换完成后发送至后端。3.据权利要求2所述的前端页面性能检测方法，其特征在于，所述对Node.js命令行选项的对应参数进行解析，包括：通过process.argv属性收集进程启动时传入的命令行参数；对所述命令行参数进行遍历，并通过预先获取的命令行参数风格对遍历的每一参数字符串风格进行划分；根据风格划分结果确定是否对参数字符串继续进行解析处理；针对继续进行解析处理的参数字符串，采用Unicode码点值分割得到对应的参数名和参数值；根据所述参数值对对应的命令行参数进行至少一次赋值，以完成参数解析。4.据权利要求2所述的前端页面性能检测方法，其特征在于，所述响应于页面测试请求，根据所述页面测试请求，基于网络连接端点Node的API网关向后端发送测试命令，使后端根据所述测试命令对所述前端页面进行性能测试，还包括：根据所述页面测试请求，将所述测试命令拆分为至少一个子测试命令；基于是否包含等待元素对所有的子测试命令进行划分，并通过封装函数将划分后的子测试命令封装为第一子测试命令集合和第二子测试命令集合；利用所述第一子测试命令集合和第二子测试命令集合对前端页面分别进行性能测试；将前端页面拆分为多个页面区域，并根据多个页面区域设置页面目录；根据所述页面测试请求，在所述页面目录中选择目标目录进行...

【专利技术属性】
技术研发人员：陈耀，林群贺，李曦凡，
申请(专利权)人：深圳复临科技有限公司，
类型：发明
国别省市：