页面加载数据监控方法、装置、计算机设备及存储介质制造方法及图纸

本发明专利技术涉及前端监控技术领域，揭露了一种页面加载数据监控方法、装置、计算机设备及存储介质。该方法通过根据预设日志埋点实时获取页面加载数据；所述页面加载数据中包括页面在线数据；对所述页面在线数据进行链路过程回溯，得到链式关系图；所述链式关系图中包含与所述页面在线数据关联的至少一个页面节点；一个所述页面节点关联一个节点信息；通过JS诊断脚本对各所述节点信息进行异常诊断，以确定各所述页面节点是否存在异常；将存在异常的页面节点记录为异常节点，对所述异常节点关联的节点信息进行异常分析，得到页面异常结果。

【技术实现步骤摘要】
页面加载数据监控方法、装置、计算机设备及存储介质
本专利技术涉及前端监控
，尤其涉及一种页面加载数据监控方法、装置、计算机设备及存储介质。
技术介绍
随着计算机技术的快速发展，需要对网站页面不断更新以满足用户的需求，质量评估和监控的应用可以及时发现网站页面的问题，提升用户体验。但是，传统的质量评估和监控方式只能采集特定的物理处理器和网络状况下的性能数据，得到的质量评估数据和监控数据不全面；而且，传统的质量评估大多是静态资源的评估，而传统的监控方式大多是监控页面API的正常运行，认为API正常运行即等于页面正常运行，但事实上在页面加载过程中也可能存在异常情况，进而导致页面监控效率较低以及准确率较低。
技术实现思路
本专利技术实施例提供一种页面加载数据监控方法、装置、计算机设备及存储介质，以解决页面监控效率较低以及准确率较低的问题。一种页面加载数据监控方法，包括：根据预设日志埋点实时获取页面加载数据；所述页面加载数据中包括页面在线数据；对所述页面在线数据进行链路过程回溯，得到链式关系图；所述链式关系图中包含与所述页面在线数据关联的至少一个页面节点；一个所述页面节点关联一个节点信息；通过JS诊断脚本对各所述节点信息进行异常诊断，以确定各所述页面节点是否存在异常；将存在异常的页面节点记录为异常节点，对所述异常节点关联的节点信息进行异常分析，得到页面异常结果。一种页面加载数据监控装置，包括：页面加载数据获取模块，用于根据预设日志埋点实时获取页面加载数据；所述页面加载数据中包括页面在线数据；链路过程回溯模块，用于对所述页面在线数据进行链路过程回溯，得到链式关系图；所述链式关系图中包含与所述页面在线数据关联的至少一个页面节点；一个所述页面节点关联一个节点信息；异常诊断模块，用于通过JS诊断脚本对各所述节点信息进行异常诊断，以确定各所述页面节点是否存在异常；异常分析模块，用于将存在异常的页面节点记录为异常节点，对所述异常节点关联的节点信息进行异常分析，得到页面异常结果。一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述页面加载数据监控方法。一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述页面加载数据监控方法。上述页面加载数据监控方法、装置、计算机设备及存储介质，该方法通过根据预设日志埋点实时获取页面加载数据；所述页面加载数据中包括页面在线数据；对所述页面在线数据进行链路过程回溯，得到链式关系图；所述链式关系图中包含与所述页面在线数据关联的至少一个页面节点；一个所述页面节点关联一个节点信息；通过JS诊断脚本对各所述节点信息进行异常诊断，以确定各所述页面节点是否存在异常；将存在异常的页面节点记录为异常节点，对所述异常节点关联的节点信息进行异常分析，得到页面异常结果。本专利技术重点监控页面的加载过程(也即页面加载数据)，同时将页面加载性能、运行时异常以及API调用状态和耗时等数据，通过链路过程回溯的方法，将上述内容展示在链路关系图中，进而通过JS诊断脚本进行异常诊断，以对发生异常的节点进行异常分析，提高了前端页面加载过程的诊断准确率以及效率。附图说明为了更清楚地说明本专利技术实施例的技术方案，下面将对本专利技术实施例的描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1是本专利技术一实施例中页面加载数据监控方法的一应用环境示意图；图2是本专利技术一实施例中页面加载数据监控方法的一流程图；图3是本专利技术一实施例中页面加载数据监控方法中步骤S40的一流程图；图4是本专利技术一实施例中页面加载数据监控装置的一原理框图；图5是本专利技术一实施例中页面加载数据监控装置中异常分析模块的一原理框图；图6是本专利技术一实施例中计算机设备的一示意图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。本专利技术实施例提供的页面加载数据监控方法，该页面加载数据监控方法可应用如图1所示的应用环境中。具体地，该页面加载数据监控方法应用在页面加载数据监控系统中，该页面加载数据监控系统包括如图1所示的客户端和服务器，客户端与服务器通过网络进行通信，用于解决页面监控效率较低以及准确率较低的问题。其中，客户端又称为用户端，是指与服务器相对应,为客户提供本地服务的程序。客户端可安装在但不限于各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备上。服务器可以用独立的服务器或者是多个服务器组成的服务器集群来实现。在一实施例中，如图2所示，提供一种页面加载数据监控方法，以该方法应用在图1中的服务器为例进行说明，包括如下步骤：S10：根据预设日志埋点实时获取页面加载数据；所述页面加载数据中包括页面在线数据。可以理解地，预设日志埋点用于抓取用户在客户端加载页面过程中产生的数据。页面加载数据指的是用户在客户端加载页面过程中产生的数据，示例性地，页面加载数据包括但不限于如服务器耗时、网络延迟耗时、网页加载时序、页面渲染消耗时间等性能信息以及运营相关信息。进一步地，页面在线数据指的是正在运行的页面数据，也即用户的客户端中仍停留在页面中，亦或者用户在该页面中存在点击或者浏览动作。S20：对所述页面在线数据进行链路过程回溯，得到链式关系图；所述链式关系图中包含与所述页面在线数据关联的至少一个页面节点；一个所述页面节点关联一个节点信息。可以理解地，链路过程回溯指的是将生成页面在线数据中，从前端API(ApplicationProgrammingInterface，应用程序接口)请求发出到后端调用进行回溯的过程，即回溯各个页面节点的过程，即由一个页面节点链接一个页面节点的关系，从而将这些链式关系构成一个图，得到链式关系图。进一步地，页面节点指的是为了生成页面在线数据，通过从前端发出API调用请求后，从前端到后端正式调用的各个节点。节点信息指的是指的是生成页面在线数据的过程中，通过每一页面节点时的信息。S30：通过JS诊断脚本对各所述节点信息进行异常诊断，以确定各所述页面节点是否存在异常。可以理解地，JS诊断脚本为JavaScript脚本，该JS诊断脚本可以通过ARMS前端监控工具中JS错误诊断功能生成。具体地，对所述页面在线数据进行链路过程回溯，得到链式关系图之后，通过ARMS前端监控工具中JS错误诊断功能生成JS诊断脚本，以通过JS诊断脚本对链式关系图中各节点信息进行异常诊断，本文档来自技高网...

【技术保护点】
1.一种页面加载数据监控方法，其特征在于，包括：/n根据预设日志埋点实时获取页面加载数据；所述页面加载数据中包括页面在线数据；/n对所述页面在线数据进行链路过程回溯，得到链式关系图；所述链式关系图中包含与所述页面在线数据关联的至少一个页面节点；一个所述页面节点关联一个节点信息；/n通过JS诊断脚本对各所述节点信息进行异常诊断，以确定各所述页面节点是否存在异常；/n将存在异常的页面节点记录为异常节点，对所述异常节点关联的节点信息进行异常分析，得到页面异常结果。/n

【技术特征摘要】
1.一种页面加载数据监控方法，其特征在于，包括：
根据预设日志埋点实时获取页面加载数据；所述页面加载数据中包括页面在线数据；
对所述页面在线数据进行链路过程回溯，得到链式关系图；所述链式关系图中包含与所述页面在线数据关联的至少一个页面节点；一个所述页面节点关联一个节点信息；
通过JS诊断脚本对各所述节点信息进行异常诊断，以确定各所述页面节点是否存在异常；
将存在异常的页面节点记录为异常节点，对所述异常节点关联的节点信息进行异常分析，得到页面异常结果。


2.如权利要求1所述的页面加载数据监控方法，其特征在于，所述确定各所述页面是否存在异常之后，包括：
将不存在异常的页面节点记录为正常节点，将与所述正常节点关联的节点信息存储至本地数据库中。


3.如权利要求2所述的页面加载数据监控方法，其特征在于，所述将与所述正常节点关联的节点信息存储至本地数据库中，包括：
获取与所述正常节点关联的节点信息中的正常接口功能信息；所述正常接口功能信息关联正常调用接口；所述正常调用接口关联功能调用函数；
在调用各正常调用接口时，将各所述正常调用接口关联的功能调用函数的功能类数组对象转化为目标数组；
将各所述功能调用函数对应的目标数组进行序列化处理，得到目标功能调用对象；
通过各所述功能调用函数对应的目标功能调用对象，调用对应的正常调用接口，以获取与该正常调用接口对应的监控日志序列化数据；
将监控日志序列化数据存储至本地数据库中。


4.如权利要求1所述的页面加载数据监控方法，其特征在于，对所述异常节点关联的节点信息进行异常分析，得到页面异常结果，包括：
获取与所述异常节点关联的节点信息中的异常接口功能信息；所述异常接口功能信息关联异常接口；
获取与所述异常接口关联的上下游接口，并根据所述上下游接口，通过kibanna查看与所述异常接口对应的异常调用成功率；一个异常调用成功率关联一个所述上游接口或者一个所述下游接口；
获取与所述异常接口在生产环境中对应的测试调用成功率；一个所述测试调用成功率关联一个所述上游接口或者一个所述下游接口；
将与同一个上游接口或下游接口关联的异常调用成功率与测试调用成功率进行比较；
将低于测试调用成功率的异常调用成功率关联的上游接口或者下游接口记录为所述页面异常结果。


5.如权利要求4所述的页面加载数据监控方法，其特征在于，所述获取与...

【专利技术属性】
技术研发人员：王国彬，牟锟伦，杨行榜，
申请(专利权)人：深圳市彬讯科技有限公司，
类型：发明
国别省市：广东;44