前端异常监控与分析方法、装置、设备及存储介质

技术领域

本发明涉及研发过程优化领域，尤其涉及一种前端异常监控与分析方法、装置、设备及存储介质。

背景技术

随着移动互联网的蓬勃发展，越来越多企业利用互联网进行业务宣传展示，在利用互联网进行业务宣传展示时，会利用前端HTML5页面对需要宣传展示的业务内容进行显示，因此，企业为了优化业务宣传展示的效果，需要对前端HTML5页面进行监控。目前的前端监控平台如sentry、ARMS、fundebug、frontJS，在使用时不同的前端监控平台需要实现不同的约定，故采用一个合理、合适的前端异常监控系统变得尤为重要。

现有的前端监控异常系统可以捕捉项目运行中的异常信息数据，但所获取的异常信息数据内容单一且粗糙，不足以对异常信息数据进行分析，导致前端监控异常系统的监控效率低下。

发明内容

本发明提供了一种前端异常监控与分析方法、装置、设备及存储介质，用于提高前端监控异常系统的监控效率。

本发明第一方面提供了一种前端异常监控与分析方法，包括：利用预置监听系统对前端HTML5页面产生的信息数据进行监听，实时获取所述前端HTML5页面的监听信息数据；当所述前端HTML5页面发生异常时，提取所述监听信息数据中的异常信息数据，捕捉所述前端HTML5页面的行为信息数据，解析所述监听信息数据得到所述前端HTML5页面的环境信息数据；利用加密算法分别对所述异常信息数据、所述行为信息数据和所述环境信息数据进行加密，并对加密后的信息数据进行整合，得到检测信息数据；对所述检测信息数据进行格式化处理，生成信息展示集合，并对所述信息展示集合进行分析，得到所述前端HTML5页面的异常数据分析结果，所述信息展示合集包括以所述检测信息数据为基础生成的异常信息数据展示表、环境信息数据展示表、行为信息数据展示表。

可选的，在本发明第一方面的第一种实现方式中，所述当所述前端HTML5页面发生异常时，提取所述监听信息数据中的异常信息数据，捕捉所述前端HTML5页面的行为信息数据，解析所述监听信息数据得到所述前端HTML5页面的环境信息数据包括：当所述前端HTML5页面发生异常时，通过预置监听系统在所述监听信息数据中筛选出错误监听函数，并将所述错误监听函数确定为异常信息数据；捕捉所述前端HTML5页面的用户行为数据和应用端行为数据，并对所述用户行为数据和所述应用端行为数据进行整合，得到行为信息数据；解析所述监听信息数据得到所述前端HTML5页面的环境信息数据。

可选的，在本发明第一方面的第二种实现方式中，所述解析所述监听信息数据得到所述前端HTML5页面的环境信息数据包括：获取所述监听信息数据中所述前端HTML5页面的用户代理数据，并在所述用户代理数据中确定发生异常的系统版本数据和系统类型数据；获取所述监听信息数据中所述前端HTML5页面的应用程序接口，基于所述应用程序接口确定发生异常时的网络数据类型；对所述系统版本数据、所述系统类型数据和所述网络数据类型进行整合，得到环境信息数据。

可选的，在本发明第一方面的第三种实现方式中，所述利用加密算法分别对所述异常信息数据、所述行为信息数据和所述环境信息数据进行加密，并对加密后的信息数据进行整合，得到检测信息数据包括：提取所述异常信息数据中的异常数据类型、异常数据项目和异常信息错误栈，基于所述异常数据类型、所述异常数据项目、所述异常错误信息和加密算法对异常信息数据进行加密，得到第一加密信息数据；提取所述行为信息数据中的行为发起者信息、行为发起地址、行为代理者信息、行为数据类型、行为信息内容和行为发生时间，基于所述行为发起者信息、所述行为发起地址、所述行为代理者信息、所述行为数据类型、所述行为信息内容、所述行为发生时间和所述加密算法对行为信息数据进行加密，得到第二加密信息数据；提取所述环境信息数据中的环境系统版本和环境系统类型，基于所述环境系统版本、所述环境系统类型和所述加密算法对环境信息数据进行加密，得到第三加密信息数据；整合所述第一加密信息数据、所述第二加密信息数据和所述第三加密信息数据，得到检测信息数据。

可选的，在本发明第一方面的第四种实现方式中，所述提取所述异常信息数据中的异常数据类型、异常数据项目和异常信息错误栈，基于所述异常数据类型、所述异常数据项目、所述异常错误信息和加密算法对异常信息数据进行加密，得到第一加密信息数据包括：按照从前到后的顺序分别提取所述异常信息数据中的异常数据类型、异常数据项目和异常信息错误栈，分别在所述异常数据类型、所述异常数据项目和所述异常信息错误中提取预置数量的数据字符，并按照提取顺序对每个数据字符进行整合，得到第一异常数据字符；在所述第一异常数据字符的末尾添加补充字符，得到第二异常数据字符，所述第二异常数据字符的字符长度为k，k＝n×512+448，其中n为自然数；在所述第二异常数据字符的末尾添加计数字符，得到第三异常数据字符，所述计数字符用于记录所述第一异常数据字符的数量，且所述计数字符的字符长度为标准字符长度；利用标准幻数对所述第三异常数据字符进行循环运算，得到第一加密信息数据。

可选的，在本发明第一方面的第五种实现方式中，所述对所述检测信息数据进行格式化处理，生成信息展示集合，并对所述信息展示集合进行分析，得到所述前端HTML5页面的异常数据分析结果，所述信息展示合集包括以所述检测信息数据为基础生成的异常信息数据展示表、环境信息数据展示表、行为信息数据展示表包括：对所述检测信息数据进行格式化处理，生成信息展示集合，所述信息展示合集包括以所述检测信息数据为基础生成的异常信息数据展示表、环境信息数据展示表、行为信息数据展示表；利用所述异常信息数据展示表计算异常数据生成趋势；基于所述环境信息数据展示表确定异常发生时的网络环境情况，通过所述前端HTML5页面的互联网协议地址确定异常发生的地理位置，并通过所述异常发生的地理位置和对应的网络环境情况确定网络处理策略；通过所述行为信息数据展示表确定发生异常的行为信息数据的分布；整合所述异常数据生成趋势、所述网络处理策略和所述发生异常的行为信息数据的分布，得到所述前端HTML5页面的异常数据分析结果。

可选的，在本发明第一方面的第六种实现方式中，在所述利用预置监听系统对前端HTML5页面产生的信息数据进行监听，实时获取所述前端HTML5页面的监听信息数据之前，所述前端异常监控与分析方法还包括：利用初始化函数对预置监听系统进行初始化。

本发明第二方面提供了一种前端异常监控与分析装置，包括：监听模块，用于利用预置监听系统对前端HTML5页面产生的信息数据进行监听，实时获取所述前端HTML5页面的监听信息数据；处理模块，当所述前端HTML5页面发生异常时，用于提取所述监听信息数据中的异常信息数据，捕捉所述前端HTML5页面的行为信息数据，解析所述监听信息数据得到所述前端HTML5页面的环境信息数据；加密模块，用于利用加密算法分别对所述异常信息数据、所述行为信息数据和所述环境信息数据进行加密，并对加密后的信息数据进行整合，得到检测信息数据；分析模块，用于对所述检测信息数据进行格式化处理，生成信息展示集合，并对所述信息展示集合进行分析，得到所述前端HTML5页面的异常数据分析结果，所述信息展示合集包括以所述检测信息数据为基础生成的异常信息数据展示表、环境信息数据展示表、行为信息数据展示表。

可选的，在本发明第二方面的第一种实现方式中，所述处理模块包括：筛选单元，当所述前端HTML5页面发生异常时，用于通过预置监听系统在所述监听信息数据中筛选出错误监听函数，并将所述错误监听函数确定为异常信息数据；捕捉单元，用于捕捉所述前端HTML5页面的用户行为数据和应用端行为数据，并对所述用户行为数据和所述应用端行为数据进行整合，得到行为信息数据；解析单元，用于解析所述监听信息数据得到所述前端HTML5页面的环境信息数据。

可选的，在本发明第二方面的第二种实现方式中，所述解析单元具体用于：获取所述监听信息数据中所述前端HTML5页面的用户代理数据，并在所述用户代理数据中确定发生异常的系统版本数据和系统类型数据；获取所述监听信息数据中所述前端HTML5页面的应用程序接口，基于所述应用程序接口确定发生异常时的网络数据类型；对所述系统版本数据、所述系统类型数据和所述网络数据类型进行整合，得到环境信息数据。

可选的，在本发明第二方面的第三种实现方式中，所述加密模块包括：第一加密单元，用于提取所述异常信息数据中的异常数据类型、异常数据项目和异常信息错误栈，基于所述异常数据类型、所述异常数据项目、所述异常错误信息和加密算法对异常信息数据进行加密，得到第一加密信息数据；第二加密单元，用于提取所述行为信息数据中的行为发起者信息、行为发起地址、行为代理者信息、行为数据类型、行为信息内容和行为发生时间，基于所述行为发起者信息、所述行为发起地址、所述行为代理者信息、所述行为数据类型、所述行为信息内容、所述行为发生时间和所述加密算法对行为信息数据进行加密，得到第二加密信息数据；第三加密单元，用于提取所述环境信息数据中的环境系统版本和环境系统类型，基于所述环境系统版本、所述环境系统类型和所述加密算法对环境信息数据进行加密，得到第三加密信息数据；整合单元，用于整合所述第一加密信息数据、所述第二加密信息数据和所述第三加密信息数据，得到检测信息数据。

可选的，在本发明第二方面的第四种实现方式中，所述第一加密单元具体用于：按照从前到后的顺序分别提取所述异常信息数据中的异常数据类型、异常数据项目和异常信息错误栈，分别在所述异常数据类型、所述异常数据项目和所述异常信息错误中提取预置数量的数据字符，并按照提取顺序对每个数据字符进行整合，得到第一异常数据字符；在所述第一异常数据字符的末尾添加补充字符，得到第二异常数据字符，所述第二异常数据字符的字符长度为k，k＝n×512+448，其中n为自然数；在所述第二异常数据字符的末尾添加计数字符，得到第三异常数据字符，所述计数字符用于记录所述第一异常数据字符的数量，且所述计数字符的字符长度为标准字符长度；利用标准幻数对所述第三异常数据字符进行循环运算，得到第一加密信息数据。

可选的，在本发明第二方面的第五种实现方式中，所述分析模块具体用于：对所述检测信息数据进行格式化处理，生成信息展示集合，所述信息展示合集包括以所述检测信息数据为基础生成的异常信息数据展示表、环境信息数据展示表、行为信息数据展示表；利用所述异常信息数据展示表计算异常数据生成趋势；基于所述环境信息数据展示表确定异常发生时的网络环境情况，通过所述前端HTML5页面的互联网协议地址确定异常发生的地理位置，并通过所述异常发生的地理位置和对应的网络环境情况确定网络处理策略；通过所述行为信息数据展示表确定发生异常的行为信息数据的分布；整合所述异常数据生成趋势、所述网络处理策略和所述发生异常的行为信息数据的分布，得到所述前端HTML5页面的异常数据分析结果。

可选的，在本发明第二方面的第六种实现方式中，所述前端异常监控与分析装置还包括：初始化模块，用于利用初始化函数对预置监听系统进行初始化。

本发明第三方面提供了一种前端异常监控与分析设备，包括：存储器和至少一个处理器，所述存储器中存储有指令；所述至少一个处理器调用所述存储器中的所述指令，以使得所述前端异常监控与分析设备执行上述的前端异常监控与分析方法。

本发明的第四方面提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述的前端异常监控与分析方法。

本发明提供的技术方案中，利用预置监听系统对前端HTML5页面产生的信息数据进行监听，实时获取所述前端HTML5页面的监听信息数据；当所述前端HTML5页面发生异常时，提取所述监听信息数据中的异常信息数据，捕捉所述前端HTML5页面的行为信息数据，解析所述监听信息数据得到所述前端HTML5页面的环境信息数据；利用加密算法分别对所述异常信息数据、所述行为信息数据和所述环境信息数据进行加密，并对加密后的信息数据进行整合，得到检测信息数据；对所述检测信息数据进行格式化处理，生成信息展示集合，并对所述信息展示集合进行分析，得到所述前端HTML5页面的异常数据分析结果，所述信息展示合集包括以所述检测信息数据为基础生成的异常信息数据展示表、环境信息数据展示表、行为信息数据展示表。本发明实施例中，通过预置监听系统对前端HTML5页面进行监听，当发生异常时，提取监听信息数据中的异常信息数据、捕捉行为信息数据、分析环境信息数据，并利用加密算法对上述信息进行加密，得到检测信息数据，最后对检测信息数据进行格式化处理，生成信息展示集合，并对信息展示集合进一步分析，得到前端HTML5页面的异常数据分析结果。提高了前端监控异常系统的监控效率。

附图说明

图1为本发明实施例中前端异常监控与分析方法的一个实施例示意图；

图2为本发明实施例中前端异常监控与分析方法的另一个实施例示意图；

图3为本发明实施例中前端异常监控与分析装置的一个实施例示意图；

图4为本发明实施例中前端异常监控与分析装置的另一个实施例示意图；

图5为本发明实施例中前端异常监控与分析设备的一个实施例示意图。

具体实施方式

本发明实施例提供了一种前端异常监控与分析方法、装置、设备及存储介质，用于提高前端监控异常系统的监控效率。

本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的实施例能够以除了在这里图示或描述的内容以外的顺序实施。此外，术语“包括”或“具有”及其任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

为便于理解，下面对本发明实施例的具体流程进行描述，请参阅图1，本发明实施例中前端异常监控与分析方法的一个实施例包括：

101、利用预置监听系统对前端HTML5页面产生的信息数据进行监听，实时获取前端HTML5页面的监听信息数据；

可以理解的是，本发明的执行主体可以为前端异常监控与分析装置，还可以是终端或者服务器，具体此处不做限定。本发明实施例以服务器为执行主体为例进行说明。

在判断前端HTML5页面是否存在异常之前，需要在对应的前端项目中引入预置监听系统的软件开发工具包，在本申请中利用的软件开发工具包是JS软件开发工具包，具体的，可以根据实际情况确定预置监听系统的软件开发工具包的类型，在本申请中并不对预置监听系统的软件开发工具包的类型进行限定。

对预置监听系统的软件开发工具包进行初始化之后，预置监听系统即可以对相应的前端HTML5页面运行过程中产生的信息数据进行监听，实时获取前端HTML5页面的监听信息数据。这里的监听信息数据包括：错误感知数据：感知前端页面运行时产生的错误，错误包含多个维度，不同的系统监控程度不同；耗时统计数据：对于打开前端网页时，对前端网页的打开速度、各种响应速度进行监控的数据。

需要强调的是，为进一步保证上述监听信息数据的私密和安全性，上述监听信息数据还可以存储于一区块链的节点中。

102、当前端HTML5页面发生异常时，提取监听信息数据中的异常信息数据，捕捉前端HTML5页面的行为信息数据，解析监听信息数据得到前端HTML5页面的环境信息数据；

当前端HTML5页面发生异常时，需要在预置监听系统监听的监听信息数据中提取异常信息数据，需要说明的是，前端HTML5页面发生异常指的是前端程序在对应的浏览器中，因环境、网络等因素导致程序执行错误，导致无法显示正确的前端HTML5页面，如：点击前端HTML5页面中的按钮选项，前端HTML5页面无法显示对应的反馈结果，而在此过程中产生的数据即为异常信息数据。

在提取异常信息数据之后，为了准确的分析出前端HTML5页面的异常发生原因，还需要进一步捕捉前端HTML5页面的行为信息数据，解析监听信息数据得到前端HTML5页面的环境信息数据，并对上述三种信息数据进行分析，得到最终的前端异常监控结果。

103、利用加密算法分别对异常信息数据、行为信息数据和环境信息数据进行加密，并对加密后的信息数据进行整合，得到检测信息数据；

在得到前端HTML5页面的异常信息数据、行为信息数据和环境信息数据之后，为了保证信息数据的安全性，会利用加密算法对上述信息数据进行加密传输。在本申请中利用到的是MD5加密算法对信息数据进行加密，MD5加密算法的功能如下：

1.输入任意长度的信息，经过处理，输出为128位的信息(数字指纹)；

2.不同的输入得到的不同的结果(唯一性)；

3.根据128位的输出结果不可能反推出输入的信息(不可逆)。

需要说明的是，这里是对不同类型的信息数据进行加密的，而并不是将异常信息数据、行为信息数据和环境信息数据整合之后在进行加密的，极大的提高了传输信息数据时的安全性。

104、对检测信息数据进行格式化处理，生成信息展示集合，并对信息展示集合进行分析，得到前端HTML5页面的异常数据分析结果，信息展示合集包括以检测信息数据为基础生成的异常信息数据展示表、环境信息数据展示表、行为信息数据展示表。

在得到前端的检测信息数据之后，需要对信息数据进行展示与分析，服务器对检测信息数据进行格式化处理，对应生成检测信息数据的信息展示集合，这里信息展示集合至少包括以检测信息数据为生成的异常信息数据展示表、环境信息数据展示表、行为信息数据展示表。通过多角度对前端HTML5页面的信息数据进行展示，可以更直观更具体的观测到信息数据的异常。

本发明实施例中，通过预置监听系统对前端HTML5页面进行监听，当发生异常时，提取监听信息数据中的异常信息数据、捕捉行为信息数据、分析环境信息数据，并利用加密算法对上述信息进行加密，得到检测信息数据，最后对检测信息数据进行格式化处理，生成信息展示集合，并对信息展示集合进一步分析，得到前端HTML5页面的异常数据分析结果。提高了前端监控异常系统的监控效率。

请参阅图2，本发明实施例中前端异常监控与分析方法的另一个实施例包括：

201、利用初始化函数对预置监听系统进行初始化；

服务器利用初始化函数对预置监听系统进行初始化，用于将预置监听系统中的数据对象或变量赋初值，将控件设为默认状态，一般情况下，初始化过的变量的初值位于可执行文件代码段数据位置后，占用一定的存储空间，有利于减少系统错误的出现。

202、利用预置监听系统对前端HTML5页面产生的信息数据进行监听，实时获取前端HTML5页面的监听信息数据；

在判断前端HTML5页面是否存在异常之前，需要在对应的前端项目中引入预置监听系统的软件开发工具包，在本申请中利用的软件开发工具包是JS软件开发工具包，具体的，可以根据实际情况确定预置监听系统的软件开发工具包的类型，在本申请中并不对预置监听系统的软件开发工具包的类型进行限定。

对预置监听系统的软件开发工具包进行初始化之后，预置监听系统即可以对相应的前端HTML5页面运行过程中产生的信息数据进行监听，实时获取前端HTML5页面的监听信息数据。这里的监听信息数据包括：错误感知数据：感知前端页面运行时产生的错误，错误包含多个维度，不同的系统监控程度不同；耗时统计数据：对于打开前端网页时，对前端网页的打开速度、各种响应速度进行监控的数据。

需要强调的是，为进一步保证上述监听信息数据的私密和安全性，上述监听信息数据还可以存储于一区块链的节点中。

203、当前端HTML5页面发生异常时，提取监听信息数据中的异常信息数据，捕捉前端HTML5页面的行为信息数据，解析监听信息数据得到前端HTML5页面的环境信息数据；

具体的，当前端HTML5页面发生异常时，服务器通过预置监听系统在监听信息数据中筛选出错误监听函数，并将错误监听函数确定为异常信息数据；服务器捕捉前端HTML5页面的用户行为数据和应用端行为数据，并对用户行为数据和应用端行为数据进行整合，得到行为信息数据；服务器解析监听信息数据得到前端HTML5页面的环境信息数据。

当前端HTML5页面发生异常时，服务器需要进一步获取下面的数据：

1.异常信息数据

这里的异常信息数据是在预置监听系统在监听信息数据中筛选出来的，在多条监听信息数据中筛选出错误监听函数，这里的错误监听函数至少为一条。

2.行为信息数据

这里的行为信息数据包括用户行为数据和应用端行为数据，用户行为数据指的是用户在前端HTML5页面进行操作所产生的数据，如：滑动数据、点击数据、页面跳转数据、键盘输入数据、音视频播放暂停数据等；应用端行为数据指的是开发者在前端HTML5页面进行操作所产生的数据，如：自动打印日志信息数据。

3.环境信息数据

这里的环境信息数据是通过监听信息数据分析出来的。

在获取环境信息数据时，具体包括：服务器获取监听信息数据中前端HTML5页面的用户代理数据，并在用户代理数据中确定发生异常的系统版本数据和系统类型数据；服务器获取监听信息数据中前端HTML5页面的应用程序接口，基于应用程序接口确定发生异常时的网络数据类型；服务器对系统版本数据、系统类型数据和网络数据类型进行整合，得到环境信息数据。

需要说明的是，这里的环境信息数据至少包括：

1.用户代理数据

这里的用户代理数据指的是UserAgent，是Http协议中header头的组成部分，UserAgent也简称UA。它是一个特殊字符串头，是一种向访问网站提供你所使用的浏览器类型及版本、操作系统及版本、浏览器内核、等信息的标识。通过这个标识，用户所访问的网站可以显示不同的排版从而为用户提供更好的体验或者进行信息统计。

2.应用程序接口

这里的应用程序接口(application programming interface，API)指的是浏览器自身携带的应用程序接口，可以通过该应用程序接口查询异常发生时，对应的网络数据类型以及网络数据情况。

204、利用加密算法分别对异常信息数据、行为信息数据和环境信息数据进行加密，并对加密后的信息数据进行整合，得到检测信息数据；

具体的，服务器提取异常信息数据中的异常数据类型、异常数据项目和异常信息错误栈，基于异常数据类型、异常数据项目、异常错误信息和加密算法对异常信息数据进行加密，得到第一加密信息数据；服务器提取行为信息数据中的行为发起者信息、行为发起地址、行为代理者信息、行为数据类型、行为信息内容和行为发生时间，基于行为发起者信息、行为发起地址、行为代理者信息、行为数据类型、行为信息内容、行为发生时间和加密算法对行为信息数据进行加密，得到第二加密信息数据；服务器提取环境信息数据中的环境系统版本和环境系统类型，基于环境系统版本、环境系统类型和加密算法对环境信息数据进行加密，得到第三加密信息数据；服务器整合第一加密信息数据、第二加密信息数据和第三加密信息数据，得到检测信息数据。

服务器利用加密算法对异常信息数据、行为信息数据和环境信息数据进行加密之前需要分别确认每个信息数据的输入信息，其中，异常信息数据的输入信息为异常信息数据中的异常数据类型、异常数据项目和异常信息错误栈，基于异常数据类型、异常数据项目、异常信息错误的前30个字符的组合；行为信息数据的输入信息为行为信息数据中的行为发起者信息、行为发起地址、行为代理者信息、行为数据类型、行为信息内容和行为发生时间，基于行为发起者信息、行为发起地址、行为代理者信息、行为数据类型、行为信息内容、行为发生时间的前30个字符的组合；环境信息数据的输入信息为环境信息数据中的环境系统版本和环境系统类型的前30个字符的组合。在确定确认每个信息数据的输入信息之后，即可分别对每个信息数据进行加密处理。

以对异常信息数据进行加密举例说明：

1.确定异常信息数据的输入信息

这里按照从前到后的顺序提取分别提取异常信息数据中的异常数据类型、异常数据项目和异常信息错误栈，并分别在异常数据类型、异常数据项目和异常信息错误中提取预置数量的数据字符，也就是说基于异常数据类型、异常数据项目、异常信息错误的前30个字符，将上述多组30个字符进行合并，得到第一异常数据字符，即为加密的输入信息。需要说明的是，这里的预置数量的数据字符设定为前30个字符，具体的，数据字符的预置数量根据实际情况进行设定。

2.添加补充字符

在第一异常数据字符的末尾添加补充字符，得到第二异常数据字符，使得第二异常数据字符的字符长度为k，k＝n×512+448，其中n为自然数，这里的补充字符的形式为一个1和m个0，其中，m为自然数。

3.添加计数字符

在第二异常数据字符的末尾添加计数字符，得到第三异常数据字符，使得第三异常数据字符的字符长度为q×512，其中q为自然数，这里的计数字符的字符长度为标准字符长度64，这里计数字符用于记录第一异常数据字符的数量。

4.循环运算

利用标准幻数对第三异常数据字符进行四轮线性计算，得到最后的第一加密信息数据，这里的标准幻数是A＝(01234567)

可以理解的是，利用加密算法对行为信息数据和环境信息数据进行加密时，与对异常信息数据进行加密的步骤相同。

205、对检测信息数据进行格式化处理，生成信息展示集合，并对信息展示集合进行分析，得到前端HTML5页面的异常数据分析结果，信息展示合集包括以检测信息数据为基础生成的异常信息数据展示表、环境信息数据展示表、行为信息数据展示表。

具体的，服务器对检测信息数据进行格式化处理，生成信息展示集合，信息展示合集包括以检测信息数据为基础生成的异常信息数据展示表、环境信息数据展示表、行为信息数据展示表；服务器利用异常信息数据展示表计算异常数据生成趋势；服务器基于环境信息数据展示表确定异常发生时的网络环境情况，通过前端HTML5页面的互联网协议地址确定异常发生的地理位置，并通过异常发生的地理位置和对应的网络环境情况确定网络处理策略；服务器通过行为信息数据展示表确定发生异常的行为信息数据的分布；服务器整合异常数据生成趋势、网络处理策略和发生异常的行为信息数据的分布，得到前端HTML5页面的异常数据分析结果。

服务器可以进一步对前端HTML5页面的异常数据进行分析，具体的分析过程至少包括如下方面：

1.可以通过异常信息数据展示表计算异常数据生成趋势，通过异常数据生成趋势，可以快速识别应用发布前后是否存在数据变更导致异常数据量变化。

2.可以通过异常信息数据展示表中的异常信息错误栈明确错误的基本信息和程序来源。

3.可以基于环境信息数据展示表确定异常发生时的网络环境情况，通过前端HTML5页面的互联网协议地址确定异常发生的地理位置，并通过异常发生的地理位置对应的网络环境情况确定网络处理策略，如：某一地区出现前端异常的情况次数非常多，判断该地区是否存在网络波动问题，如果存在，对应的网络处理策略是什么。

4.可以通过行为信息数据展示表行为数据确定发生异常的行为信息数据的分布，通过行为信息列表，便于查找到用户操作信息。

5.可以基于环境信息数据展示表确定异常发生的系统类型和系统版本，如“系统类型为ios所生成的问题更多”可推测兼容性问题，“客户端版本在70000情况下异常明显增加”可推测app版本兼容问题。

此外，预置监听系统中还增加了自定义应用程序接口，通过自定义应用程序接口用户可以自主上传异常信息数据、行为信息数据、对于react(一种前端视图层框架)应用，发送错误处理(componentDidCatch)拦截的错误信息等。提高了异常信息数据的准确性。

本发明实施例中，通过预置监听系统对前端HTML5页面进行监听，当发生异常时，提取监听信息数据中的异常信息数据、捕捉行为信息数据、分析环境信息数据，并利用加密算法对上述信息进行加密，得到检测信息数据，最后对检测信息数据进行格式化处理，生成信息展示集合，并对信息展示集合进一步分析，得到前端HTML5页面的异常数据分析结果。提高了前端监控异常系统的监控效率。

上面对本发明实施例中前端异常监控与分析方法进行了描述，下面对本发明实施例中前端异常监控与分析装置进行描述，请参阅图3，本发明实施例中前端异常监控与分析装置一个实施例包括：

监听模块301，用于利用预置监听系统对前端HTML5页面产生的信息数据进行监听，实时获取所述前端HTML5页面的监听信息数据；

处理模块302，当所述前端HTML5页面发生异常时，用于提取所述监听信息数据中的异常信息数据，捕捉所述前端HTML5页面的行为信息数据，解析所述监听信息数据得到所述前端HTML5页面的环境信息数据；

加密模块303，用于利用加密算法分别对所述异常信息数据、所述行为信息数据和所述环境信息数据进行加密，并对加密后的信息数据进行整合，得到检测信息数据；

分析模块304，用于对所述检测信息数据进行格式化处理，生成信息展示集合，并对所述信息展示集合进行分析，得到所述前端HTML5页面的异常数据分析结果，所述信息展示合集包括以所述检测信息数据为基础生成的异常信息数据展示表、环境信息数据展示表、行为信息数据展示表。

本发明实施例中，通过预置监听系统对前端HTML5页面进行监听，当发生异常时，提取监听信息数据中的异常信息数据、捕捉行为信息数据、分析环境信息数据，并利用加密算法对上述信息进行加密，得到检测信息数据，最后对检测信息数据进行格式化处理，生成信息展示集合，并对信息展示集合进一步分析，得到前端HTML5页面的异常数据分析结果。提高了前端监控异常系统的监控效率。

请参阅图4，本发明实施例中前端异常监控与分析装置的另一个实施例包括：

监听模块301，用于利用预置监听系统对前端HTML5页面产生的信息数据进行监听，实时获取所述前端HTML5页面的监听信息数据；

处理模块302，当所述前端HTML5页面发生异常时，用于提取所述监听信息数据中的异常信息数据，捕捉所述前端HTML5页面的行为信息数据，解析所述监听信息数据得到所述前端HTML5页面的环境信息数据；

加密模块303，用于利用加密算法分别对所述异常信息数据、所述行为信息数据和所述环境信息数据进行加密，并对加密后的信息数据进行整合，得到检测信息数据；

分析模块304，用于对所述检测信息数据进行格式化处理，生成信息展示集合，并对所述信息展示集合进行分析，得到所述前端HTML5页面的异常数据分析结果，所述信息展示合集包括以所述检测信息数据为基础生成的异常信息数据展示表、环境信息数据展示表、行为信息数据展示表。

可选的，处理模块302包括：

筛选单元3021，当所述前端HTML5页面发生异常时，用于通过预置监听系统在所述监听信息数据中筛选出错误监听函数，并将所述错误监听函数确定为异常信息数据；

捕捉单元3022，用于捕捉所述前端HTML5页面的用户行为数据和应用端行为数据，并对所述用户行为数据和所述应用端行为数据进行整合，得到行为信息数据；

解析单元3023，用于解析所述监听信息数据得到所述前端HTML5页面的环境信息数据。

可选的，解析单元3023具体用于：

获取所述监听信息数据中所述前端HTML5页面的用户代理数据，并在所述用户代理数据中确定发生异常的系统版本数据和系统类型数据；

获取所述监听信息数据中所述前端HTML5页面的应用程序接口，基于所述应用程序接口确定发生异常时的网络数据类型；

对所述系统版本数据、所述系统类型数据和所述网络数据类型进行整合，得到环境信息数据。

可选的，加密模块303包括：

第一加密单元3031，用于提取所述异常信息数据中的异常数据类型、异常数据项目和异常信息错误栈，基于所述异常数据类型、所述异常数据项目、所述异常错误信息和加密算法对异常信息数据进行加密，得到第一加密信息数据；

第二加密单元3032，用于提取所述行为信息数据中的行为发起者信息、行为发起地址、行为代理者信息、行为数据类型、行为信息内容和行为发生时间，基于所述行为发起者信息、所述行为发起地址、所述行为代理者信息、所述行为数据类型、所述行为信息内容、所述行为发生时间和所述加密算法对行为信息数据进行加密，得到第二加密信息数据；

第三加密单元3033，用于提取所述环境信息数据中的环境系统版本和环境系统类型，基于所述环境系统版本、所述环境系统类型和所述加密算法对环境信息数据进行加密，得到第三加密信息数据；

整合单元3034，用于整合所述第一加密信息数据、所述第二加密信息数据和所述第三加密信息数据，得到检测信息数据。

可选的，第一加密单元3031具体用于：

按照从前到后的顺序分别提取所述异常信息数据中的异常数据类型、异常数据项目和异常信息错误栈，分别在所述异常数据类型、所述异常数据项目和所述异常信息错误中提取预置数量的数据字符，并按照提取顺序对每个数据字符进行整合，得到第一异常数据字符；

在所述第一异常数据字符的末尾添加补充字符，得到第二异常数据字符，所述第二异常数据字符的字符长度为k，k＝n×512+448，其中n为自然数；

在所述第二异常数据字符的末尾添加计数字符，得到第三异常数据字符，所述计数字符用于记录所述第一异常数据字符的数量，且所述计数字符的字符长度为标准字符长度；

利用标准幻数对所述第三异常数据字符进行循环运算，得到第一加密信息数据。

可选的，分析模块304具体用于：

对所述检测信息数据进行格式化处理，生成信息展示集合，所述信息展示合集包括以所述检测信息数据为基础生成的异常信息数据展示表、环境信息数据展示表、行为信息数据展示表；

利用所述异常信息数据展示表计算异常数据生成趋势；

基于所述环境信息数据展示表确定异常发生时的网络环境情况，通过所述前端HTML5页面的互联网协议地址确定异常发生的地理位置，并通过所述异常发生的地理位置和对应的网络环境情况确定网络处理策略；

通过所述行为信息数据展示表确定发生异常的行为信息数据的分布；

整合所述异常数据生成趋势、所述网络处理策略和所述发生异常的行为信息数据的分布，得到所述前端HTML5页面的异常数据分析结果。

可选的，前端异常监控与分析装置还包括：

初始化模块305，用于利用初始化函数对预置监听系统进行初始化。

本发明实施例中，通过预置监听系统对前端HTML5页面进行监听，当发生异常时，提取监听信息数据中的异常信息数据、捕捉行为信息数据、分析环境信息数据，并利用加密算法对上述信息进行加密，得到检测信息数据，最后对检测信息数据进行格式化处理，生成信息展示集合，并对信息展示集合进一步分析，得到前端HTML5页面的异常数据分析结果。提高了前端监控异常系统的监控效率。

上面图3和图4从模块化功能实体的角度对本发明实施例中的前端异常监控与分析装置进行详细描述，下面从硬件处理的角度对本发明实施例中前端异常监控与分析设备进行详细描述。

图5是本发明实施例提供的一种前端异常监控与分析设备的结构示意图，该前端异常监控与分析设备500可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上处理器(central processing units，CPU)510(例如，一个或一个以上处理器)和存储器520，一个或一个以上存储应用程序533或数据532的存储介质530(例如一个或一个以上海量存储设备)。其中，存储器520和存储介质530可以是短暂存储或持久存储。存储在存储介质530的程序可以包括一个或一个以上模块(图示没标出)，每个模块可以包括对前端异常监控与分析设备500中的一系列指令操作。更进一步地，处理器510可以设置为与存储介质530通信，在前端异常监控与分析设备500上执行存储介质530中的一系列指令操作。

前端异常监控与分析设备500还可以包括一个或一个以上电源540，一个或一个以上有线或无线网络接口550，一个或一个以上输入输出接口560，和/或，一个或一个以上操作系统531，例如Windows Serve，Mac OS X，Unix，Linux，FreeBSD等等。本领域技术人员可以理解，图5示出的前端异常监控与分析设备结构并不构成对前端异常监控与分析设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

本发明还提供一种前端异常监控与分析设备，所述计算机设备包括存储器和处理器，存储器中存储有计算机可读指令，计算机可读指令被处理器执行时，使得处理器执行上述各实施例中的所述前端异常监控与分析方法的步骤。

本发明还提供一种计算机可读存储介质，该计算机可读存储介质可以为非易失性计算机可读存储介质，该计算机可读存储介质也可以为易失性计算机可读存储介质，所述计算机可读存储介质中存储有指令，当所述指令在计算机上运行时，使得计算机执行所述前端异常监控与分析方法的步骤。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(read-only memory，ROM)、随机存取存储器(random access memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。