web前端异常的监控方法、监控服务器及监控系统技术方案

本发明专利技术涉及一种web前端异常的监控方法、监控服务器及监控系统，该方法包括：在手持终端的web应用程序发生HTML5页面异常后，记录发生HTML5页面异常的异常信息，并将异常信息发送给监控服务器；监控服务器在收到异常信息后，对异常信息进行解析以获取异常信息中的异常标识，根据预定的异常标识与异常类型的关联关系确定所获取的异常标识对应的异常类型；监控服务器对相同异常类型的异常信息的数量进行统计，并在异常信息的数量大于等于预设数量阈值时，向预定的终端发送该异常类型的HTML5页面异常的处理提醒消息。本发明专利技术实现对web前端的HTML5页面异常的监控，能够及时发现web前端出现的异常问题。

Monitoring method, monitoring server and monitoring system for web front-end anomaly

The present invention relates to a monitoring method, a web front-end anomaly monitoring server and monitoring system, the method includes: in the handheld terminal web application HTML5 page after the occurrence of abnormal, abnormal information recording HTML5 page abnormalities, and abnormal information will be sent to the monitoring server; the monitoring server received abnormal information, analysis of the abnormal information to obtain abnormal identification anomalies information, according to the type of abnormal relationship between abnormal and abnormal types of predetermined identification to determine the abnormal markings; the number of abnormal information monitoring server on the same abnormal types of statistics, and the number of abnormal information in a preset number greater than or equal to the threshold, to send the terminal scheduled exception handling type HTML5 page exception message. The invention realizes the monitoring of the HTML5 page anomaly of the web front end, and can discover the abnormal problem in the front end of the web in time.

【技术实现步骤摘要】
web前端异常的监控方法、监控服务器及监控系统
本专利技术涉及通信
，尤其涉及一种web前端异常的监控方法、监控服务器及监控系统。
技术介绍
目前，在一些web应用程序推广之前，通常会对web应用程序做兼容性测试。然而，这种兼容性测试的不能将所有存在的问题都测试出来，为了解决这个问题，本领域技术人员的共识是在web后端构建后端异常监控系统，以解决web后端出现的问题。然而，经过大量的数据分析，发现有些HTML5页面异常并不是web后端造成的，而是由web前端造成，这就使得后端异常监控系统无法及时发现web前端出现的问题。
技术实现思路
本专利技术的目的在于提供一种web前端异常的监控方法、监控服务器及监控系统，旨在实现对web前端的HTML5页面异常的监控，能够及时发现web前端出现的异常问题为实现上述目的，本专利技术提供一种web前端异常的监控方法，所述web前端异常的监控方法包括：S1，在手持终端的web应用程序发生HTML5页面异常后，记录发生HTML5页面异常的异常信息，并将所述异常信息发送给监控服务器，所述异常信息包括异常标识；S2，监控服务器在收到异常信息后，对所述异常信息进行解析以获取所述异常信息中的异常标识，根据预定的异常标识与异常类型的关联关系确定所获取的异常标识对应的异常类型；S3，监控服务器对相同异常类型的异常信息的数量进行统计，并在异常信息的数量大于等于预设数量阈值时，向预定的终端发送该异常类型的HTML5页面异常的处理提醒消息。优选地，所述步骤S1进一步包括：手持终端在记录发生HTML5页面异常的异常信息的同时，记录发生HTML5页面异常的异常时间点，将所述异常信息及异常时间点关联后一同发送给监控服务器；所述步骤S3包括：S31，对相同异常类型的异常信息的数量进行累加统计，根据相同异常类型的异常信息对应的异常时间点获取最早发生HTML5页面异常的异常时间点；S32，当所获取的异常时间点离当前时间的时间间隔小于预设时间间隔，且异常信息的数量大于等于预设数量阈值时，向预定的终端发送该异常类型的HTML5页面异常的处理提醒消息。优选地，所述步骤S3进一步包括：当所获取的异常时间点离当前时间的时间间隔等于预设时间间隔，且异常信息的数量小于预设数量阈值时，对所累加统计的异常信息的数量清零。优选地，所述HTML5页面异常的异常类型包括HTML5页面404报错和HTML5页面脚本语法错误。优选地，所述步骤S1之前包括：S0，通过nginx配置结合nodejs后台监控所述HTML5页面404报错，以及通过全局的onerror事件统计及try-catch语法捕获所述HTML5页面脚本语法错误。为实现上述目的，本专利技术还提供一种监控服务器，所述监控服务器包括：解析模块，用于在收到异常信息后，对所述异常信息进行解析以获取所述异常信息中的异常标识，根据预定的异常标识与异常类型的关联关系确定所获取的异常标识对应的异常类型；发送模块，用于对相同异常类型的异常信息的数量进行统计，并在异常信息的数量大于等于预设数量阈值时，向预定的终端发送该异常类型的HTML5页面异常的处理提醒消息。优选地，所述发送模块包括：获取单元，用于对相同异常类型的异常信息的数量进行累加统计，根据相同异常类型的异常信息对应的异常时间点获取最早发生HTML5页面异常的异常时间点；发送单元，用于当所获取的异常时间点离当前时间的时间间隔小于预设时间间隔，且异常信息的数量大于等于预设数量阈值时，向预定的终端发送该异常类型的HTML5页面异常的处理提醒消息。优选地，所述发送模块进一步包括：清零单元，用于当所获取的异常时间点离当前时间的时间间隔等于预设时间间隔，且异常信息的数量小于预设数量阈值时，对所累加统计的异常信息的数量清零。为实现上述目的，本专利技术还提供一种监控系统，所述监控系统包括手持终端及上述的监控服务器，所述手持终端用于在手持终端的web应用程序发生HTML5页面异常后，记录发生HTML5页面异常的异常信息，并将所述异常信息发送给监控服务器，所述异常信息包括异常标识。优选地，所述HTML5页面异常的异常类型包括HTML5页面404报错和HTML5页面脚本语法错误，所述手持终端还用于通过nginx配置结合nodejs后台监控所述HTML5页面404报错，以及通过全局的onerror事件统计及try-catch语法捕获所述HTML5页面脚本语法错误。本专利技术的有益效果是：本专利技术由手持终端记录其发生HTML5页面异常的异常信息，将该异常信息发送至监控服务器供其对异常信息进行解析，获取异常信息中的异常标识，通过异常标识确定异常类型，对于相同的异常类型的异常信息的数量进行统计，以统计手持终端发生HTML5页面异常的次数，当所统计的数量达到一定的数量时，向预定的终端发送提醒消息，从而实现对web前端的HTML5页面异常的监控，能够及时发现web前端出现的异常问题。附图说明图1为本专利技术web前端异常的监控方法第一实施例的流程示意图；图2为图1所示步骤S3的细化流程示意图；图3为本专利技术web前端异常的监控方法第二实施例的流程示意图；图4为本专利技术监控服务器一实施例的结构示意图；图5为图4所示发送模块的结构示意图；图6为本专利技术监控系统一实施例的结构示意图。具体实施方式以下结合附图对本专利技术的原理和特征进行描述，所举实例只用于解释本专利技术，并非用于限定本专利技术的范围。如图1所示，图1为本专利技术web前端异常的监控方法一实施例的流程示意图，该web前端异常的监控方法包括以下步骤：步骤S1，在手持终端的web应用程序发生HTML5页面异常后，记录发生HTML5页面异常的异常信息，并将所述异常信息发送给监控服务器，所述异常信息包括异常标识；本实施例中，将web应用程序安装在手持终端上，手持终端可以是手机或平板电脑等设备。用户在手持终端上点击运行web应用程序后，如果手持终端的web应用程序发生HTML5页面异常，则将该HTML5页面异常的异常信息进行记录，然后将异常信息发送给监控服务器。其中，可以将后端异常监控系统也安装在该监控服务器中，以便能够同时监控web前端及web后端的异常情况。其中，异常信息具有预先确定的信息格式，异常标识在异常信息中处于预先确定的位置，解析异常信息中预先确定的位置的数据即可以得到异常标识。异常标识标识不同的异常类型，例如异常标识为“01”时对应一种异常类型，异常标识为“10”时对应另一种异常类型。异常类型包括但不限定于HTML5页面404报错和HTML5页面脚本语法错误。步骤S2，监控服务器在收到异常信息后，对所述异常信息进行解析以获取所述异常信息中的异常标识，根据预定的异常标识与异常类型的关联关系确定所获取的异常标识对应的异常类型；本实施例中，预先将异常标识与异常类型进行一一对应关联，例如异常标识为“01”时对应异常类型“HTML5页面404报错”，异常标识为“10”时对应“HTML5页面脚本语法错误”，将异常标识与异常类型的关联关系进行存储。监控服务器在接收到手持终端发送的异常信息后，对异常信息进行解析，解析异常信息的预定位置的数据，以得到异常标识，根据预存的异常标识与异常类型的关联关系，确定该异常标识对应的异常类型。步骤S3，监控服务器对本文档来自技高网...

【技术保护点】
一种web前端异常的监控方法，其特征在于，所述web前端异常的监控方法包括：S1，在手持终端的web应用程序发生HTML5页面异常后，记录发生HTML5页面异常的异常信息，并将所述异常信息发送给监控服务器，所述异常信息包括异常标识；S2，监控服务器在收到异常信息后，对所述异常信息进行解析以获取所述异常信息中的异常标识，根据预定的异常标识与异常类型的关联关系确定所获取的异常标识对应的异常类型；S3，监控服务器对相同异常类型的异常信息的数量进行统计，并在异常信息的数量大于等于预设数量阈值时，向预定的终端发送该异常类型的HTML5页面异常的处理提醒消息。

【技术特征摘要】
1.一种web前端异常的监控方法，其特征在于，所述web前端异常的监控方法包括：S1，在手持终端的web应用程序发生HTML5页面异常后，记录发生HTML5页面异常的异常信息，并将所述异常信息发送给监控服务器，所述异常信息包括异常标识；S2，监控服务器在收到异常信息后，对所述异常信息进行解析以获取所述异常信息中的异常标识，根据预定的异常标识与异常类型的关联关系确定所获取的异常标识对应的异常类型；S3，监控服务器对相同异常类型的异常信息的数量进行统计，并在异常信息的数量大于等于预设数量阈值时，向预定的终端发送该异常类型的HTML5页面异常的处理提醒消息。2.根据权利要求1所述的web前端异常的监控方法，其特征在于，所述步骤S1进一步包括：手持终端在记录发生HTML5页面异常的异常信息的同时，记录发生HTML5页面异常的异常时间点，将所述异常信息及异常时间点关联后一同发送给监控服务器；所述步骤S3包括：S31，对相同异常类型的异常信息的数量进行累加统计，根据相同异常类型的异常信息对应的异常时间点获取最早发生HTML5页面异常的异常时间点；S32，当所获取的异常时间点离当前时间的时间间隔小于预设时间间隔，且异常信息的数量大于等于预设数量阈值时，向预定的终端发送该异常类型的HTML5页面异常的处理提醒消息。3.根据权利要求2所述的web前端异常的监控方法，其特征在于，所述步骤S3进一步包括：当所获取的异常时间点离当前时间的时间间隔等于预设时间间隔，且异常信息的数量小于预设数量阈值时，对所累加统计的异常信息的数量清零。4.根据权利要求1至3任一项所述的web前端异常的监控方法，其特征在于，所述HTML5页面异常的异常类型包括HTML5页面404报错和HTML5页面脚本语法错误。5.根据权利要求4所述的web前端异常的监控方法，其特征在于，所述步骤S1之前包括：S0，通过nginx配置结合nodejs后台监控所述HTML5页面404报...

【专利技术属性】
技术研发人员：吴斌，
申请(专利权)人：上海壹账通金融科技有限公司，
类型：发明
国别省市：上海,31