[发明专利]一种网页动态异常监控方法及系统

说明书

本发明涉及网页监控技术领域，本发明公开了一种网页动态异常监控方法及系统，其中方法包括步骤：S1、向APP前端页面发起请求,返回页面渲染需要的数据；S2、执行返回数据和完成对本地规则的检查；S3、根据返回的数据，对页面元素构建渲染；S4、页面渲染检查，如果出现渲染错误，则进入步骤S5，如果没有出现渲染错误，则结束流程；S5、触发页面错误报警，整个流程结束。解决目前网页页面加载问题响应和调整缓慢，并存在遗漏的问题，还解决了加载问题日志抓取不到，造成出现的问题得不到反馈的问题。

技术领域

本发明涉及网页监控技术领域，具体而言，涉及一种网页动态异常监控方法及系统。

背景技术

APP前端页面开发或者加载过程中，经常会出现页面渲染、页面加载堵塞或者崩溃的问题。对这类问题，目前有两种方式获取信息。一种为，用户反馈给业务同事或者客服，业务同事或客服再把问题对接给产品，然后产品在进行问题的紧急程度进行排期选择性对接给研发同事，进行修复，更新版本上线。另一种为，通过APP的错误上报记录到错误日志到后台。研发人员定期去查看错误日志。然后定期进行修复。

现有技术中存在的缺陷在于，1、对线上问题响应和调整缓慢，并存在遗漏的情况。2、有些问题日志抓取不到，造成出现的问题得不到反馈。

发明内容

本发明的主要目的在于提供一种网页动态异常监控方法及系统，以解决目前网页页面加载问题响应和调整缓慢，并存在遗漏的问题，还解决了加载问题日志抓取不到，造成出现的问题得不到反馈的问题。

为了实现上述目的，本发明提供了如下技术：

一种网页动态异常监控方法，包括步骤：

S1、向APP前端页面发起请求,返回页面渲染需要的数据；

S2、执行返回数据和本地检查规则的检查；

S3、根据返回的数据，对页面元素构建渲染；

S4、页面渲染检查，如果出现渲染错误，则进入步骤S5，如果没有出现渲染错误，则结束流程；

S5、触发页面错误报警，整个流程结束。

APP前端页面发起请求数据之前，在预期数据模型中添加数据完整性和数据类型的匹配检查。

进一步地，页面请求响应完成后，对响应结果进行数据完整性和数据类型进行检查，当响应结果出现数据与本地配置预期规则不匹配，判定为数据返回异常，同时触发第一次数据异常报警；当响应结果出现数据与本地配置预期规则匹配，判定为数据返回正常，则进入步骤S3。

进一步地，在两次错误报警中，分为数据异常和渲染异常，其中渲染异常是由于数据异常导致的。

进一步地，数据异常触发逻辑：数据错误和缺失检查逻辑，页面显示通过数据来进行驱动；S01、在渲染之前会提前定义页面显示的数据类型和数据格式，S02、当请求响应数据返回时，前端使用预设规则对显示数据进行数据类型和格式的检查，S03、如果检查不通过，前端发送检查信息给服务端，服务端收到前端的检查信息后，触发报警通知，如果检查通过，进入渲染异常检测机制中。

进一步地，渲染异常触发逻辑：S11、页面渲染过程中，规定了显示的数据和格式；S12、如果数据返回异常，会导致页面渲染出现错误，如果数据返回正常，则结束流程；S13、通过监听页面渲染出现的报错并把信息同步给服务器，服务器端收到前端的报警信息触发数据异常的通知逻辑。

一种网页动态异常监控系统，包括：发送请求模块、本地配置模块、数据检测模块、渲染检测模块和报警模块，

发送请求模块，用于向APP前端页面发起请求；

本地配置模块，用于配置数据模型中添加数据完整性和数据类型；