CN112100036B - 一种基于PaaS前端引擎的页面性能监控方法及系统 - Google Patents

一种基于PaaS前端引擎的页面性能监控方法及系统 Download PDF

Info

Publication number
CN112100036B
CN112100036B CN202011219742.5A CN202011219742A CN112100036B CN 112100036 B CN112100036 B CN 112100036B CN 202011219742 A CN202011219742 A CN 202011219742A CN 112100036 B CN112100036 B CN 112100036B
Authority
CN
China
Prior art keywords
data
log
performance monitoring
rendering
paas
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.)
Active
Application number
CN202011219742.5A
Other languages
English (en)
Other versions
CN112100036A (zh
Inventor
邱吉顺
苏滨
卢超
李海荣
陈永辉
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangzhou Xuanwu Wireless Technology Co Ltd
Original Assignee
Guangzhou Xuanwu Wireless Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Guangzhou Xuanwu Wireless Technology Co Ltd filed Critical Guangzhou Xuanwu Wireless Technology Co Ltd
Priority to CN202011219742.5A priority Critical patent/CN112100036B/zh
Publication of CN112100036A publication Critical patent/CN112100036A/zh
Application granted granted Critical
Publication of CN112100036B publication Critical patent/CN112100036B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/30—Monitoring
    • G06F11/3003—Monitoring arrangements specially adapted to the computing system or computing system component being monitored
    • G06F11/302—Monitoring arrangements specially adapted to the computing system or computing system component being monitored where the computing system component is a software system
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/30—Monitoring
    • G06F11/3065—Monitoring arrangements determined by the means or processing involved in reporting the monitored data
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/30—Monitoring
    • G06F11/34—Recording or statistical evaluation of computer activity, e.g. of down time, of input/output operation ; Recording or statistical evaluation of user activity, e.g. usability assessment
    • G06F11/3452—Performance evaluation by statistical analysis

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Quality & Reliability (AREA)
  • Computing Systems (AREA)
  • Bioinformatics & Cheminformatics (AREA)
  • Computer Hardware Design (AREA)
  • Probability & Statistics with Applications (AREA)
  • Evolutionary Biology (AREA)
  • Bioinformatics & Computational Biology (AREA)
  • Life Sciences & Earth Sciences (AREA)
  • Mathematical Physics (AREA)
  • Debugging And Monitoring (AREA)

Abstract

本发明公开了一种基于PaaS前端引擎的页面性能监控方法及系统，其中方法包括：根据获取的埋点数据进行数据统计，得到统计后的统计数据；将所述埋点数据发送给浏览器进程进行分类处理，得到分类数据；将所述分类数据保存在nginx日志库中，形成日志数据；访问所述nginx日志库并读取所述日志数据，将所述日志数据存入mysql数据库表中；通过性能监控数据访问接口查询所述mysql数据库中保存的日志数据，得到性能监控数据；通过访问node后台服务接口，获取性能监控数据并展示。本发明可获取PAAS平台配置的产品中各页面渲染耗时的细节，包括页面中渲染的UI控件的类型，各控件渲染的总时长，控件从初始化，到渲染，再到值改变触发重新渲染各阶段的所耗时间数据。

Description

一种基于PaaS前端引擎的页面性能监控方法及系统
技术领域
本发明涉及电子信息技术领域，尤其涉及一种基于PaaS前端引擎的页面性能监控方法及系统。
背景技术
PaaS(Platform-as-a-Service，平台即服务)是把应用服务的运行和开发环境作为一种服务提供的商业模式。PaaS平台由多种构件组成，比如路由模块、数据库、微服务，前端引擎等等，PaaS平台上配置的页面由平台封装的各类UI控件构成。当前平台配置的产品页面性能还没有一套页面渲染性能的评估方法。某些情况下平台配置的系统中有些页面渲染时间长，导致系统体验不佳。现迫切需要一套能监控页面渲染的具体信息的方法，包括页面中渲染UI控件的类型，渲染控件个数，各渲染控件的渲染时长等，通过监控数据的展示，能够让配置人员判断是否配置方式有误，测试可以评估平台前端引擎各控件的性能，开发也能清楚的知道前端引擎的性能瓶颈，从而给前端引擎优化提供优化的方向。
目前有很多性能监控的平台能够监控页面的访问量、页面首屏耗时、API请求耗时、js错误监控等数据。现有性能监控的平台主要是通过浏览器性能接口获取默认记录的数据，然后做数据可视化展示，对所有页面都具有通用性，但是其监控的数据比较宽泛，无法获取页面内部具体UI控件渲染的性能信息。
发明内容
本发明目的在于，提供一种基于PaaS前端引擎的页面性能监控方法及系统，可获取PAAS平台配置的产品中各页面渲染耗时的细节，包括页面中渲染的UI控件的类型，各控件渲染的总时长，控件从初始化，到渲染，再到值改变触发重新渲染各阶段的所耗时间数据。
为实现上述目的，本发明实施例提供一种基于PaaS前端引擎的页面性能监控方法，包括：
根据获取的埋点数据进行数据统计，得到统计后的统计数据；
将所述埋点数据发送给浏览器进程进行分类处理，得到分类数据；
将所述分类数据保存在nginx日志库中，形成日志数据；
访问所述nginx日志库并读取所述日志数据，将所述日志数据存入mysql数据库表中；
通过性能监控数据访问接口查询所述mysql数据库中保存的日志数据，得到性能监控数据；
通过访问node后台服务接口，获取性能监控数据并展示。
优选地，在所述获取埋点数据，并根据所述埋点数据进行数据统计得到统计数据前，还包括：
对UI控件进行渲染，并记录所述UI控件的埋点数据。
优选地，所述UI控件在渲染过程中的事件钩子包括创建前事件、创建事件、挂载DOM结构前事件、挂载DOM结构完成事件、更新前事件、更新完成事件、销毁前事件和销毁完成事件；
所述对所述UI控件进行渲染，并记录所述UI控件的埋点数据，包括：
在所述创建前事件回调中做渲染开始标记，在所述挂载DOM结构完成事件回调中做渲染完成标记；
将所述渲染开始标记和所述渲染完成标记之间的性能发送到浏览器性能缓冲区中，创建第一时间戳；
在所述UI控件触发valuechange事件时做更新开始标记，在所述更新完成事件回调中做更新完成标记；
将所述更新开始标记和所述更新完成标记之间的性能输入浏览器性能缓冲区中，创建第二时间戳；
记录所述UI控件的埋点数据，所述埋点数据包括所述第一时间戳中记录的性能数据和所述第二时间戳中记录的数据。
优选地，所述渲染开始标记和所述渲染完成标记，通过调用浏览器API:Performance.mark()方法进行标记；
所述第一时间戳和所述第二时间戳，通过调用Performance.measure()方法进行创建；
所述更新开始标记和所述更新完成标记，通过调用Performance.mark()方法进行标记。
优选地，所述获取埋点数据，并根据所述埋点数据进行数据统计得到统计数据，包括：
触发window.onload事件，通过PerformanceAPI获取埋点数据；
通过WebWorks创建浏览器进程，将所述埋点数据发送给所述浏览器进程进行分类统计处理，得到统计数据。
优选地，所述将所述分类数据保存在nginx日志库中，形成日志数据，包括：
通过访问部署的nginx服务，nginx服务将请求所携带的数据以日志的形式保存在nginx服务器的日志库中，得到日志数据。
本发明实施例还提供一种基于PaaS前端引擎的页面性能监控系统，包括：
统计模块，用于根据获取的埋点数据进行数据统计，得到统计数据；
分类模块，用于将所述埋点数据发送给浏览器进程进行分类处理，得到分类数据；
日志存储模块，用于将所述分类数据保存在nginx日志库中，形成日志数据；
入库模块，用于访问所述nginx日志库并读取所述日志数据，将所述日志数据存入mysql数据库表中；
解析模块，用于通过性能监控数据访问接口查询所述mysql数据库中保存的日志数据；
展示模块，用于访问node后台服务接口，获取性能监控数据并展示。
本发明实施例还提供一种电子设备，该电子设备包括：
处理器、存储器和总线；
所述总线，用于连接所述处理器和所述存储器；
所述存储器，用于存储操作指令；
所述处理器，用于通过调用所述操作指令，可执行指令使处理器处理执行上述的基于PaaS前端引擎的页面性能监控方法。
本发明实施例还提供一种计算机可读存储介质，，所述计算机存储介质用于存储计算机指令，当其在计算机上运行时，使得计算机可以执行上述的基于PaaS前端引擎的页面性能监控方法。
本发明的实施例，具有如下有益效果：
本发明提供了一种基于PaaS前端引擎的页面性能监控方法及系统，其中方法包括：根据获取的埋点数据进行数据统计，得到统计后的统计数据；将所述埋点数据发送给浏览器进程进行分类处理，得到分类数据；将所述分类数据保存在nginx日志库中，形成日志数据；访问所述nginx日志库并读取所述日志数据，将所述日志数据存入mysql数据库表中；通过性能监控数据访问接口查询所述mysql数据库中保存的日志数据，得到性能监控数据；通过访问node后台服务接口，获取性能监控数据并展示。现有技术只是获取到浏览器默认记录的页面加载资源耗时，渲染页面耗时等常规数据，使用这些数据对PaaS平台配置出的系统产品进行性能评估意义不大。本发明深入到PaaS平台前端引擎内部，通过引擎内部埋点设计，搜集到每一个UI控件渲染的详细数据。本发明可获取PAAS平台配置的产品中各页面渲染耗时的细节，包括页面中渲染的UI控件的类型，各控件渲染的总时长，控件从初始化，到渲染，再到值改变触发重新渲染各阶段的所耗时间数据。埋点的数据通过新启一个浏览器进程对数据进行统计处理，不影响正常页面的操作。灵活运用浏览器的performance接口、nginx日志功能及nodejs的文件读取能力，将监控的数据进行保存与输出，方便查询。
附图说明
为了更清楚地说明本发明的技术方案，下面将对实施方式中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本发明某一实施例提供的基于PaaS前端引擎的页面性能监控方法的流程示意图；
图2是本发明某一实施例提供的基于PaaS前端引擎的页面性能监控系统的结构示意图；
图3是本发明某一示例提供的“页面控件类型与渲染时间”数据模型报表展示样图；
图4是本发明某一示例提供的“统计数组类控件的渲染时间与数据量的关系”数据模型报表展示样图；
图5为本发明某一实施例提供的一种基于PaaS前端引擎的页面性能监控的电子设备的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
应当理解，文中所使用的步骤编号仅是为了方便描述，不对作为对步骤执行先后顺序的限定。
应当理解，在本发明说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本发明。如在本发明说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。
术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。
本发明实施例提供一种基于PaaS前端引擎的页面性能监控方法，包括：
步骤S100，根据获取的埋点数据进行数据统计，得到统计后的统计数据；
步骤S200，将所述埋点数据发送给浏览器进程进行分类处理，得到分类数据；
步骤S300，将所述分类数据保存在nginx日志库中，形成日志数据；
步骤S400，访问所述nginx日志库并读取所述日志数据，将所述日志数据存入mysql数据库表中；
步骤S500，通过性能监控数据访问接口查询所述mysql数据库中保存的日志数据，得到性能监控数据；
步骤S600，通过访问node后台服务接口，获取性能监控数据并展示。
在一示例中，在所述获取埋点数据，并根据所述埋点数据进行数据统计得到统计数据前，还包括：
对UI控件进行渲染，并记录所述UI控件的埋点数据。
在一示例中，所述UI控件在渲染过程中的事件钩子包括创建前事件、创建事件、挂载DOM结构前事件、挂载DOM结构完成事件、更新前事件、更新完成事件、销毁前事件和销毁完成事件；对所述UI控件进行渲染，并记录所述UI控件的埋点数据，包括：
在所述创建前事件回调中做渲染开始标记，在所述挂载DOM结构完成事件回调中做渲染完成标记；
将所述渲染开始标记和所述渲染完成标记之间的性能发送到浏览器性能缓冲区中，创建第一时间戳；
在所述UI控件触发valuechange事件时做更新开始标记，在所述更新完成事件回调中做更新完成标记；valuechange事件：即值改变事件，UI控件的值发生改变时（比如下拉选择框控件选择的值发生改变时），会触发该控件的值改变事件，可以通过这个事件监控控件的值改变。
将所述更新开始标记和所述更新完成标记之间的性能输入浏览器性能缓冲区中，创建第二时间戳；
记录所述UI控件的埋点数据，所述埋点数据包括所述第一时间戳中记录的性能数据和所述第二时间戳中记录的数据。
在一具体实施方式中，UI控件渲染时的埋点方案如下：
（1）、PAAS平台前端引擎内封装了布局（layout）、搜索栏（filter）、Tab面板(tabboard)等UI控件，每个UI控件在渲染的整个周期内有创建前（beforeCreate）、创建(created)、挂载DOM结构前(beforeMount)、挂载DOM结构完成(mounted)、更新前(beforeUpdate)、更新完成(updated)、销毁前(beforeDestory)、销毁完成(destroed)八个事件钩子。
（2）、在UI控件创建前（beforeCreate）事件回调中调用浏览器API:Performance.mark()方法做控件渲染开始标记。
（3）、在UI控件挂载DOM结构完成（mounted）事件回调中调用浏览器API:Performance.mark()方法做控件渲染完成标记，之后调用Performance.measure()将两个标记之间的性能输入浏览器性能缓冲区中，并创建一个指定的 timestamp。
（4）、在控件触发‘valuechange’事件时调用Performance.mark()方法做控件更新标记。
（5）、在控件更新完成（updated）事件回调中调用Performance.mark()方法做控件更新完成标记，之后调用Performance.measure()将两个标记之间的性能输入浏览器性能缓冲区中，并创建一个指定的 timestamp。
（6）、在上述埋好点之后，随着用户的操作，浏览器会记录下所有UI控件所埋点的性能数据。
在一示例中，所述渲染开始标记和所述渲染完成标记，通过调用浏览器API:Performance.mark()方法进行标记；
所述第一时间戳和所述第二时间戳，通过调用Performance.measure()方法进行创建；
所述更新开始标记和所述更新完成标记，通过调用Performance.mark()方法进行标记。
在一示例中，所述获取埋点数据，并根据所述埋点数据进行数据统计得到统计数据，包括：
触发window.onload事件，通过PerformanceAPI获取埋点数据；
通过WebWorks创建浏览器进程，将所述埋点数据发送给所述浏览器进程进行分类统计处理，得到统计数据。Web Works是HTML 5新增的功能，支持此功能的浏览器可以通过此API在后台创建一个新的浏览器进程执行javascript脚本，而不影响当前页面性能。
优选地，所述将所述分类数据保存在nginx日志库中，形成日志数据，包括：
通过访问部署的nginx服务将数据传递至nginx服务器，所述nginx以日志的形式将数据保存在nginx日志库中，得到日志数据。nginx服务是HTTP服务的一种，nginx后台服务部署在服务器后，引擎会将携带埋点数据请求该服务。
本发明实施例还提供一种基于PaaS前端引擎的页面性能监控系统，包括：
统计模块01，用于根据获取的埋点数据进行数据统计，得到统计数据；
分类模块02，用于将所述埋点数据发送给浏览器进程进行分类处理，得到分类数据；
日志存储模块03，用于将所述分类数据保存在nginx日志库中，形成日志数据；
入库模块04，用于访问所述nginx日志库并读取所述日志数据，将所述日志数据存入mysql数据库表中；
解析模块05，用于通过性能监控数据访问接口查询所述mysql数据库中保存的日志数据；
展示模块06，用于访问node后台服务接口，获取性能监控数据并展示。
在一具体实施方式中，设计埋点数据从前端收集，到数据保存，再到数据输出到展示整个过程的方法如下：
（1）、页面渲染完成时，会触发window.onload事件，在该事件中，通过PerformanceAPI获取所有的埋点数据。
（2）、通过WebWorks新启一个浏览器进程,将埋点数据传入该进程中进行分类统计处理，数据处理完成后传回页面。
（3）、页面接收到处理好的数据后通过访问部署的nginx服务将数据传递至服务器，通过访问部署的nginx服务，nginx服务将请求所携带的数据以日志的形式保存在nginx服务器的日志库中。
（4）、node后台服务访问nginx服务日志文件，解析并将数据存入mysql数据库表中。
（5）、node后台服务提供性能监控数据访问接口，各接口查询mysql数据库中保存的数据。
（6）、性能监控平台页面访问node后台服务接口，获取性能监控数据并展示。
作为示例，“页面控件类型与渲染时间”数据模型报表展示，如图3所示，其中，左侧显示页面列表，右侧上方展示近一周时间所选页面的渲染时间分布；右侧下方统计图展示所选页面渲染的各类UI控件所耗时长。“统计数组类控件的渲染时间与数据量的关系”数据模型报表展示如图4所示，其中左侧显示数组型控件列表。右侧上方统计图展示近一周时间所选控件渲染时间分布。右侧下方统计图展示所选控件随数据量的增长的渲染时间增长趋势。
请参阅图5。
本发明实施例还提供一种电子设备，该电子设备包括：处理器、存储器和总线；所述总线，用于连接所述处理器和所述存储器；所述存储器，用于存储操作指令；所述处理器，用于通过调用所述操作指令，可执行指令使处理器处理执行上述的基于PaaS前端引擎的页面性能监控方法的操作。
在一具体实施方式中，图5所示的电子设备10包括：处理器11和存储器13。其中，处理器11和存储器13相连，如通过总线12相连。可选地，电子设备10还可以包括收发器14。需要说明的是，实际应用中收发器14不限于一个，该电子设备10的结构并不构成对本申请实施例的限定。
处理器11可以是CPU，通用处理器，DSP，ASIC，FPGA或者其他可编程逻辑器件、晶体管逻辑器件、硬件部件或者其任意组合。其可以实现或执行结合本申请公开内容所描述的各种示例性的逻辑方框，模块和电路。处理器11也可以是实现计算功能的组合，例如包含一个或多个微处理器组合，DSP和微处理器的组合等。
总线12可包括一通路，在上述组件之间传送信息。总线12可以是PCI总线或EISA总线等。总线12可以分为地址总线、数据总线、控制总线等。为便于表示，图5中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
存储器13可以是ROM或可存储静态信息和指令的其他类型的静态存储设备，RAM或者可存储信息和指令的其他类型的动态存储设备，也可以是EEPROM、CD-ROM或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质，但不限于此。
存储器13用于存储执行本申请方案的应用程序代码，并由处理器11来控制执行。处理器11用于执行存储器13中存储的应用程序代码，以实现前述任一方法实施例所示的内容。
其中，电子设备包括但不限于：移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。
本发明实施例还提供一种计算机可读存储介质，所述计算机存储介质用于存储计算机指令，当其在计算机上运行时，使得计算机可以执行上述的基于PaaS前端引擎的页面性能监控方法。所述方法包括：根据获取的埋点数据进行数据统计，得到统计后的统计数据；将所述埋点数据发送给浏览器进程进行分类处理，得到分类数据；将所述分类数据保存在nginx日志库中，形成日志数据；访问所述nginx日志库并读取所述日志数据，将所述日志数据存入mysql数据库表中；通过性能监控数据访问接口查询所述mysql数据库中保存的日志数据，得到性能监控数据；通过访问node后台服务接口，获取性能监控数据并展示。本发明可获取PAAS平台配置的产品中各页面渲染耗时的细节，包括页面中渲染的UI控件的类型，各控件渲染的总时长，控件从初始化，到渲染，再到值改变触发重新渲染各阶段的所耗时间数据。
以上所述是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也视为本发明的保护范围。

Claims (9)

1.一种基于PaaS前端引擎的页面性能监控方法，其特征在于，包括：
根据获取的埋点数据进行数据统计，得到统计后的统计数据；
将所述埋点数据发送给浏览器进程进行分类处理，得到分类数据；
将所述分类数据保存在nginx日志库中，形成日志数据；
访问所述nginx日志库并读取所述日志数据，将所述日志数据存入mysql数据库表中；
通过性能监控数据访问接口查询所述mysql数据库中保存的日志数据，得到性能监控数据；
通过访问node后台服务接口，获取性能监控数据并展示。
2.根据权利要求1所述的基于PaaS前端引擎的页面性能监控方法，其特征在于，在所述根据获取的埋点数据进行数据统计，得到统计后的统计数据前，还包括：
对UI控件进行渲染，并记录所述UI控件的埋点数据。
3.根据权利要求2所述的基于PaaS前端引擎的页面性能监控方法，其特征在于，所述UI控件在渲染过程中的事件钩子包括创建前事件、创建事件、挂载DOM结构前事件、挂载DOM结构完成事件、更新前事件、更新完成事件、销毁前事件和销毁完成事件；
所述对UI控件进行渲染，并记录所述UI控件的埋点数据，包括：
在所述创建前事件回调中做渲染开始标记，在所述挂载DOM结构完成事件回调中做渲染完成标记；
将所述渲染开始标记和所述渲染完成标记之间的性能发送到浏览器性能缓冲区中，创建第一时间戳；
在所述UI控件触发valuechange事件时做更新开始标记，在所述更新完成事件回调中做更新完成标记；
将所述更新开始标记和所述更新完成标记之间的性能输入浏览器性能缓冲区中，创建第二时间戳；
记录所述UI控件的埋点数据，所述埋点数据包括所述第一时间戳中记录的性能数据和所述第二时间戳中记录的数据。
4.根据权利要求3所述的基于PaaS前端引擎的页面性能监控方法，其特征在于，所述渲染开始标记和所述渲染完成标记，通过调用浏览器API:Performance.mark()方法进行标记；
所述第一时间戳和所述第二时间戳，通过调用Performance.measure()方法进行创建；
所述更新开始标记和所述更新完成标记，通过调用Performance.mark()方法进行标记。
5.根据权利要求3所述的基于PaaS前端引擎的页面性能监控方法，其特征在于，所述根据获取的埋点数据进行数据统计，得到统计后的统计数据，包括：
触发window.onload事件，通过PerformanceAPI获取埋点数据；
通过WebWorks创建浏览器进程，将所述埋点数据发送给所述浏览器进程进行分类统计处理，得到统计数据。
6.根据权利要求1所述的基于PaaS前端引擎的页面性能监控方法，其特征在于，所述将所述分类数据保存在nginx日志库中，形成日志数据，包括：
通过访问部署的nginx服务，nginx服务将请求所携带的数据以日志的形式保存在nginx服务器的日志库中，得到日志数据。
7.一种基于PaaS前端引擎的页面性能监控系统，其特征在于，包括：
统计模块，用于根据获取的埋点数据进行数据统计，得到统计数据；
分类模块，用于将所述埋点数据发送给浏览器进程进行分类处理，得到分类数据；
日志存储模块，用于将所述分类数据保存在nginx日志库中，形成日志数据；
入库模块，用于访问所述nginx日志库并读取所述日志数据，将所述日志数据存入mysql数据库表中；
解析模块，用于通过性能监控数据访问接口查询所述mysql数据库中保存的日志数据；
展示模块，用于访问node后台服务接口，获取性能监控数据并展示。
8.一种电子设备，其特征在于，其包括：
处理器、存储器和总线；
所述总线，用于连接所述处理器和所述存储器；
所述存储器，用于存储操作指令；
所述处理器，用于通过调用所述操作指令，执行上述权利要求1-6中任一项所述的基于PaaS前端引擎的页面性能监控方法。
9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质用于存储计算机指令，所述计算机指令当被计算机执行时，执行如权利要求1-6任一项所述的基于PaaS前端引擎的页面性能监控方法。
CN202011219742.5A 2020-11-05 2020-11-05 一种基于PaaS前端引擎的页面性能监控方法及系统 Active CN112100036B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011219742.5A CN112100036B (zh) 2020-11-05 2020-11-05 一种基于PaaS前端引擎的页面性能监控方法及系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011219742.5A CN112100036B (zh) 2020-11-05 2020-11-05 一种基于PaaS前端引擎的页面性能监控方法及系统

Publications (2)

Publication Number Publication Date
CN112100036A CN112100036A (zh) 2020-12-18
CN112100036B true CN112100036B (zh) 2021-02-19

Family

ID=73785408

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011219742.5A Active CN112100036B (zh) 2020-11-05 2020-11-05 一种基于PaaS前端引擎的页面性能监控方法及系统

Country Status (1)

Country Link
CN (1) CN112100036B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113760835B (zh) * 2021-01-07 2024-06-18 北京沃东天骏信息技术有限公司 日志管理方法、中台系统、电子设备和存储介质
CN115509851A (zh) * 2022-09-14 2022-12-23 易纳购科技(北京)有限公司 页面监控方法、装置及设备

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2016048394A1 (en) * 2014-09-25 2016-03-31 Hewlett Packard Enterprise Development Lp Testing a cloud service
CN110764974A (zh) * 2019-12-25 2020-02-07 武汉慧联无限科技有限公司 一种监控方法、装置及存储介质

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107729214B (zh) * 2017-10-13 2021-03-09 中电福富信息科技有限公司 一种可视化的分布式系统实时监控运维方法及装置

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2016048394A1 (en) * 2014-09-25 2016-03-31 Hewlett Packard Enterprise Development Lp Testing a cloud service
CN110764974A (zh) * 2019-12-25 2020-02-07 武汉慧联无限科技有限公司 一种监控方法、装置及存储介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
新型航空电商架构平台建设研究及应用;廖忠涛等;《信息科技探索》;20181031;第89-93页 *

Also Published As

Publication number Publication date
CN112100036A (zh) 2020-12-18

Similar Documents

Publication Publication Date Title
US7032229B1 (en) Automatic tracking of user progress in a software application
CN107526631B (zh) 一种任务监控方法、装置、设备和介质
CN112100036B (zh) 一种基于PaaS前端引擎的页面性能监控方法及系统
CN108932286B (zh) 一种数据查询方法及装置
CN111813641B (zh) 崩溃信息收集的方法、装置、介质和设备
CN111666201A (zh) 回归测试方法、装置、介质及电子设备
CN113656107A (zh) 移动应用的加载方法、装置及电子设备
CN114201615B (zh) 基于数据快照的科研数据变动回顾方法及服务器
JP5963312B2 (ja) 情報処理装置、情報処理方法、及びプログラム
CN111813667B (zh) 应用运行轨迹的收集方法、装置、介质和设备
CN116521414A (zh) 故障代码定位方法、云端服务器、系统及存储介质
CN110866492B (zh) 一种基线分支的识别方法、装置及计算机系统
CN114817803A (zh) 一种页面跳转方法、装置和电子设备
CN114461214A (zh) 一种页面显示方法、装置、电子设备及存储介质
CN110753136B (zh) 域名解析方法、装置、设备及存储介质
CN114021045A (zh) 用户来源渠道标记的方法、装置、设备及存储介质
CN112631905A (zh) 执行过程数据管理方法、装置、计算机设备及存储介质
CN114036421A (zh) 展示html5页面响应时间的方法、装置和计算机设备
CN113778460A (zh) 生产环境部署方法和装置
JP2018045619A (ja) 解析プログラム、解析方法、及び解析装置
CN111309623A (zh) 一种坐标类数据分类测试方法及装置
CN110780867A (zh) 面向开发工具的图形化日志呈现方法
CN111625432B (zh) 页面加载耗时确定方法、装置和计算机可读存储介质
CN117235023A (zh) 一种远程仓库缓存管理方法、装置、设备及存储介质
CN118535451A (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
GR01 Patent grant
CP02 Change in the address of a patent holder

Address after: 510000 room 23bd, No. 109, TIYU West Road, Tianhe District, Guangzhou City, Guangdong Province

Patentee after: GUANGZHOU XUANWU WIRELESS TECHNOLOGY Co.,Ltd.

Address before: 32B, no.103b, TianLiHe Road, Guangzhou, 510000

Patentee before: GUANGZHOU XUANWU WIRELESS TECHNOLOGY Co.,Ltd.

CP02 Change in the address of a patent holder