CN105471932A

CN105471932A - 一种前端应用的监控方法、设备和系统

Info

Publication number: CN105471932A
Application number: CN201410384194.XA
Authority: CN
Inventors: 龙海建
Original assignee: Tencent Technology Shenzhen Co Ltd
Current assignee: Tencent Technology Shenzhen Co Ltd
Priority date: 2014-08-06
Filing date: 2014-08-06
Publication date: 2016-04-06
Anticipated expiration: 2034-08-06
Also published as: CN105471932B

Abstract

本发明实施例公开了一种前端应用的监控方法，包括：当终端设备通过浏览器运行前端应用时，所述前端应用监控自身的运行状态；当所述前端应用监控到当前运行状态满足上报触发条件时，所述前端应用获取所述当前运行状态对应的数据，并将获取到的数据通过上报代理以预设格式上报给Web服务器，以使所述Web服务器对所述数据进行规整后，发送给监控服务器，由所述监控服务器根据所述规整后的数据进行相应处理。本发明实施例还公开了一种前端应用和前端应用的监控系统。实施本发明实施例，可以实现前端应用主动上报运行状况，提高发现前端应用的问题的效率。

Description

一种前端应用的监控方法、设备和系统

技术领域

本发明涉及互联网技术领域，尤其涉及一种前端应用的监控方法、设备和系统。

背景技术

前端应用是指基于浏览器的Web应用程序,运行在用户终端的浏览器软件上。

目前，由于用户终端遍布全球各地，前端应用开发者很难知道应用的实时运行情况，当前端应用发生问题时，也不能快速准确地发现问题。

当前亟需一种能够使前端应用开发者快速准确地发现终端应用发生的问题的技术方案。

发明内容

本发明实施例公开了一种前端应用的监控方法、设备和系统，能够实现前端应用主动上报运行状况，提高发现前端应用的问题的效率。

本发明实施例第一方面公开了一种前端应用的监控方法，包括：

当终端设备通过浏览器运行前端应用时，所述前端应用监控自身的运行状态；

当所述前端应用监控到当前运行状态满足上报触发条件时，所述前端应用获取所述当前运行状态对应的数据，并将获取到的数据通过上报代理以预设格式上报给Web服务器，以使所述Web服务器对所述数据进行规整后，发送给监控服务器，由所述监控服务器根据所述规整后的数据进行相应处理。

本发明实施例第二方面公开了一种前端应用的监控方法，包括：

当所述前端应用监控到当前运行状态满足上报触发条件时，所述前端应用获取所述当前运行状态对应的数据，并将获取到的数据通过上报代理以预设格式上报给Web服务器；

所述Web服务器接收所述前端应用通过上报代理上报的数据，对所述数据进行规整，并将规整后的数据发送给监控服务器；

所述监控服务器接收所述Web服务器发送的所述规整后的数据，根据所述规整后的数据进行相应处理。

本发明实施例第三方面公开了一种前端应用，包括：

监控模块，用于当终端设备通过浏览器运行前端应用时，监控所述前端应用的运行状态；

获取模块，用于当所述监控模块监控到当前的运行状态满足上报触发条件时，获取所述当前运行状态对应的数据；

上报模块，用于将所述获取模块获取到的数据，通过上报代理以预设格式上报给Web服务器，以使所述Web服务器对所述数据进行规整后，发送给监控服务器，由所述监控服务器根据所述规整后的数据进行相应处理。

本发明实施例第四方面公开了一种前端应用的监控系统，包括：

前端应用，用于当终端设备通过浏览器运行前端应用时，监控自身的运行状态；当监控到当前运行状态满足上报触发条件时，获取所述当前运行状态对应的数据，并将获取到的数据通过上报代理以预设格式上报给Web服务器；

Web服务器，用于接收所述前端应用通过上报代理上报的数据，对所述数据进行规整，并将规整后的数据发送给监控服务器；

监控服务器，用于接收所述Web服务器发送的所述规整后的数据，根据所述规整后的数据进行相应处理。

实施本发明实施例，具有如下有益效果：

当终端设备通过浏览器运行前端应用时，通过前端应用监控自身的运行状态，当前端应用监控到当前运行状态满足上报触发条件时，获取当前运行状态对应的数据，并将获取到的数据通过上报代理以预设格式上报给Web服务器，以使Web服务器对该数据进行规整后，发送给监控服务器，由监控服务器根据规整后的数据进行相应处理，实现了前端应用主动上报运行状况，提高了发现前端应用的问题的效率。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的一种前端应用的监控方法的流程示意图；

图2为本发明实施例提供的一种应用场景的示意图；

图3为本发明实施例提供的另一种前端应用的监控方法的流程示意图；

图4为本发明实施例提供的一种前端应用的结构示意图；

图5为本发明实施例提供的一种前端应用的监控系统的架构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

如图1所示，为本发明实施例提供的一种前端应用的监控方法的流程示意图，可以包括以下步骤：

S101、当终端设备通过浏览器运行前端应用时，该前端应用监控自身的运行状态。

S102、当前端应用监控到当前运行状态满足上报触发条件时，前端应用获取当前运行状态对应的数据，并将获取到的数据通过上报代理以预设格式上报给Web服务器，以使Web服务器对数据进行规整后，发送给监控服务器，由监控服务器根据规整后的数据进行相应处理。

本发明实施例中，为了实现前端应用能够主动上报运行状况，在前端应用侧设置了上报代理，该上报代理为前端应用进行数据上报提供了接口。当终端设备通过浏览器运行前端应用时，前端应用可以通过上报代理实时上报自身运行状态。

其中，该上报代理可以为通过javascript实现的一套前端代码组件，封装了完善的数据上报代码，并作为一个组件，嵌入到前端应用的代码里。该上报代理为前端应用提供上报的API(ApplicationProgrammingInterface，应用程序接口)接口，用来上报数据。

前端应用开发人员可以根据实际需求配置前端应用在指定运行状态下进行数据上报(即配置上报触发条件)，以使前端应用针对性地进行数据上报，从而实时掌握前端应用的运行状况。基于该配置，前端应用可以监控自身运行状态，并当当前运行状态满足上报触发条件时，获取当前运行状态对应的数据，并通过上报代理进行上报。

其中，前端应用开发人员可以配置前端应用进行数据上报的上报触发条件、在相应上报触发条件下需要上报的数据，以及上报数据时的上报格式等。

本发明实施例中，前端应用监控到当前运行状态满足上报触发条件，至少可以包括以下一种或多种情况：

前端应用当前运行状态异常、前端应用当前运行状态下指定数据接口被调用、前端应用当前运行状态下指定功能按钮被点击等。

相应地，当前端应用监控到当前运行状态异常时，其上报的当前运行状态对应的数据可以包括异常内容和错误码。

当前端应用监控到当前运行状态下指定数据接口被调用时，其上报的当前运行状态对应的数据可以包括指定数据接口的接口耗时和成功率。

当前端应用监控到当前运行状态下指定功能按钮被点击时，其上报的当前运行状态对应的数据可以包括指定功能按钮在预设时间内被点击的次数，以及指定功能按钮对应的执行成功率。

举例来说，当前端应用开发人员在前端应用中新增了一个功能按钮，如对于一个网页媒体播放器，开发人员在该网页媒体播放器中新增“收藏”按钮(用户在通过该网页媒体播放器播放视频文件时，点击该“收藏”按钮，可以将该视频文件收藏到相应的文件夹中，以便于下次继续收看)，开发人员为了了解该新增功能按钮的使用情况，可以配置前端应用在监控到用户点击该新增功能按钮时，上报该新增功能按钮在预设时间内被点击的次数，以及该新增功能按钮对应的功能的执行成功率。

本发明实施例中，当前端应用监控到当前运行状态满足上报触发条件，且获取到当前运行状态对应的数据后，通过上报代理进行数据上报时，可以以预先设定的上报格式进行数据上报。

其中，前端应用可以以自定义日志的方式进行数据上报，该自定义日志中包括的数据可以以任意格式记录；或者，前端应用也可以以key-value的形式进行数据上报，例如，对于前端应用运行异常，其上报的数据可以为“网络异常-错误码”。

需要注意的是，本发明上述实施例中描述的上报触发条件，以及在相应上报触发条件下上报的数据，上报数据的上报格式仅仅是本发明实施例提供的技术方案的一些具体示例，其并不是对本发明保护范围的限定，即本发明实施例提供的技术方案中，前端应用进行上报的也可以包括其他上报触发条件(如时间触发，即周期性地进行数据上报)，其在各上报触发条件下上报的数据也可以为其它数据(如对于存在收费功能的前端应用，该数据可以为用户使用该前端应用时在预设时间内的消费情况)，上报数据的格式也可以为其他格式(如以数据表的形式上报)，其具体实现在此不再赘述。

本发明实施例中，前端应用将通过上报代理将数据上报给Web服务器后，Web服务器可以对该数据进行规整，如汇总、分类等，并将规整后的数据发送给监控服务器，由监控服务器根据规整后的数据进行相应的处理，如进行异常告警等。

参见图2，为本发明实施例提供的一种具体应用场景的示意图，其中包括:

前端应用(即图中所示Webapplication)、Web服务器、以及监控服务器(即图中所示MonitorServer)。

当终端设备(未在图中示出)通过浏览器(即图中所示Browser)运行前端应用时，前端应用可以根据自身运行状态，通过上报代理(即图中所示ReportAgent)进行数据上报，将数据上报给Web服务器，由Web服务器对数据进行规整后，将数据发送给监控服务器，由监控服务器根据规整后的数据进行相应处理。

基于上述应用场景，本发明实施例提供的前端应用监控方法的流程示意图可以参见图3。

如图3所示，为本发明实施例提供的另一种前端应用的监控方法的流程示意图，可以包括以下步骤：

S301、当终端设备通过浏览器运行前端应用时，前端应用监控自身的运行状态。

S302、当前端应用监控到当前运行状态满足上报触发条件时，前端应用获取当前运行状态对应的数据，并将获取到的数据通过上报代理以预设格式上报给Web服务器。

S303、Web服务器接收前端应用通过上报代理上报的数据，对数据进行规整，并将规整后的数据发送给监控服务器。

本发明实施例中，前端应用通过上报代理将数据上报给Web服务器后，Web服务器可以对接收到的数据进行规整，如汇总、分类等，用于后续的处理。

举例来说，假设前端应用通过自定义日志的方式向Web服务器上报数据，Web服务器接收到前端应用上报的数据后，可以对各前端应用上报的数据进行分析，根据数据的类型，如运行异常、接口耗时和成功率等进行分类和汇总。

Web服务器对数据进行规整后，可以将规整后的数据发送给监控服务器，由监控服务器根据规整后的数据进行相应处理。

S304、监控服务器接收Web服务器发送的规整后的数据，根据规整后的数据进行相应处理。

本发明实施例中，监控服务器至少可以提供两个基本功能，一个是统一的信息查看功能，包括日志统计、流量情况(前端应用某接口的数据流量)等；第二个是对前端应用运行过程中的异常情况提供告警功能。告警的粒度可以是1分钟或者10分钟次，其具体可以取决于业务需求(可以由开发人员根据实际需求配置)。

具体的，监控服务器可以为(前端应用)开发人员提供查询平台，监控服务器接收到Web服务器发送的规整后的数据后，可以将数据存储在专门的数据库中，当开发人员登录查询平台进行数据查询时，监控服务器可以根据开发人员的需求调用相应数据，并展示给开发人员。

此外，监控服务器还可以在根据Web服务器发送的规整后的数据，确定前端应用运行过程中，同一个异常出现的次数超过阈值(可以由开发人员根据实际需求配置)时，进行告警。

举例来说，监控服务器接收到Web服务器发送的规整后的数据后，可以对该规整后的数据进行解析，假设监控服务器解析到该规整后的数据中，同一错误码对应的前端应用的异常超过30次，则监控服务器可以进行告警。

通过以上描述可以看出，在本发明实施例提供的技术方案中，当终端设备通过浏览器运行前端应用时，通过前端应用监控自身的运行状态，当前端应用监控到当前运行状态满足上报触发条件时，获取当前运行状态对应的数据，并将获取到的数据通过上报代理以预设格式上报给Web服务器，以使Web服务器对该数据进行规整后，发送给监控服务器，由监控服务器根据规整后的数据进行相应处理，实现了前端应用主动上报运行状况，提高了发现前端应用的问题的效率。

基于上述方法实施例相同的技术构思，本发明实施例还提供了一种前端应用，可以应用在上述方法实施例中。

如图4所示，为本发明实施例提供的一种前端应用的结构示意图，可以包括：

监控模块41，用于当终端设备通过浏览器运行前端应用时，监控所述前端应用的运行状态；

获取模块42，用于当所述监控模块41监控到当前的运行状态满足上报触发条件时，获取所述当前运行状态对应的数据；

上报模块43，用于将所述获取模块42获取到的数据，通过上报代理以预设格式上报给Web服务器，以使所述Web服务器对所述数据进行规整后，发送给监控服务器，由所述监控服务器根据所述规整后的数据进行相应处理。

其中，监控模块，用于当终端设备通过浏览器运行前端应用时，监控所述前端应用的运行状态；

其中，当所述前端应用当前运行状态异常时，所述当前运行状态对应的数据包括异常内容和错误码；或/和，

当所述前端应用当前运行状态下指定数据接口被调用时，所述当前运行状态对应的数据包括所述指定数据接口的接口耗时和成功率；或/和，

当所述前端应用当前运行状态下指定功能按钮被点击时，所述当前运行状态对应的数据包括所述指定功能按钮在预设时间内被点击的次数，以及所述指定功能按钮对应的功能的执行成功率。

其中，所述预设格式包括：

自定义日志、或key-value。

基于上述方法实施例相同的技术构思，本发明实施例还提供了一种前端应用的监控系统，可以应用于上述方法实施例。

如图5所示，为本发明实施例提供的一种前端应用的监控系统的架构示意图，可以包括：

前端应用51，用于当终端设备通过浏览器运行前端应用时，监控自身的运行状态；当监控到当前运行状态满足上报触发条件时，获取所述当前运行状态对应的数据，并将获取到的数据通过上报代理以预设格式上报给Web服务器52；

Web服务器52，用于接收所述前端应用51通过上报代理上报的数据，对所述数据进行规整，并将规整后的数据发送给监控服务器53；

监控服务器53，用于接收所述Web服务器52发送的所述规整后的数据，根据所述规整后的数据进行相应处理。

其中，所述Web服务器52可以具体用于，对所述数据进行汇总和分类。

其中，所述监控服务器53可以具体用于，当根据所述规整后的数据确定所述前端应用运行过程中，同一异常出现的次数超过阈值时，进行告警。

其中，前端应用51可以具体用于，在以下情况确定监控到当前运行状态满足上报触发条件：

所述前端应用51当前运行状态异常；或/和，

所述前端应用51当前运行状态下指定数据接口被调用；或/和，

所述前端应用51当前运行状态下指定功能按钮被点击。

其中，当所述前端应用51当前运行状态异常时，所述当前运行状态对应的数据包括异常内容和错误码；或/和，

当所述前端应用51当前运行状态下指定数据接口被调用时，所述当前运行状态对应的数据包括所述指定数据接口的接口耗时和成功率；或/和，

当所述前端应用51当前运行状态下指定功能按钮被点击时，所述当前运行状态对应的数据包括所述指定功能按钮在预设时间内被点击的次数，以及所述指定功能按钮对应的功能的执行成功率。

其中，所述预设格式包括：

自定义日志、或key-value。

在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。在本发明的描述中，“多个”的含义是至少两个，例如两个，三个等，除非另有明确具体的限定。

流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分，并且本发明的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能，这应被本发明的实施例所属技术领域的技术人员所理解。

在流程图中表示或在此以其他方式描述的逻辑和/或步骤，例如，可以被认为是用于实现逻辑功能的可执行指令的定序列表，可以具体实现在任何计算机可读介质中，以供指令执行系统、装置或设备(如基于计算机的系统、包括处理器的系统或其他可以从指令执行系统、装置或设备取指令并执行指令的系统)使用，或结合这些指令执行系统、装置或设备而使用。就本说明书而言，"计算机可读介质"可以是任何可以包含、存储、通信、传播或传输程序以供指令执行系统、装置或设备或结合这些指令执行系统、装置或设备而使用的装置。计算机可读介质的更具体的示例(非穷尽性列表)包括以下：具有一个或多个布线的电连接部(电子装置)，便携式计算机盘盒(磁装置)，随机存取存储器(RAM)，只读存储器(ROM)，可擦除可编辑只读存储器(EPROM或闪速存储器)，光纤装置，以及便携式光盘只读存储器(CDROM)。另外，计算机可读介质甚至可以是可在其上打印所述程序的纸或其他合适的介质，因为可以例如通过对纸或其他介质进行光学扫描，接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得所述程序，然后将其存储在计算机存储器中。

应当理解，本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(PGA)，现场可编程门阵列(FPGA)等。

本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。

此外，在本发明各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。

上述提到的存储介质可以是只读存储器，磁盘或光盘等。尽管上面已经示出和描述了本发明的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本发明的限制，本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改、替换和变型。

Claims

1.一种前端应用的监控方法，其特征在于，包括：

2.如权利要求1所述的方法，其特征在于，所述前端应用监控到当前运行状态满足上报触发条件，包括：

所述前端应用当前运行状态异常；或/和，

所述前端应用当前运行状态下指定数据接口被调用；或/和，

所述前端应用当前运行状态下指定功能按钮被点击。

3.如权利要求2所述的方法，其特征在于，

当所述前端应用当前运行状态异常时，所述当前运行状态对应的数据包括异常内容和错误码；或/和，

4.如权利要求1所述的方法，其特征在于，所述预设格式包括：

自定义日志、或key-value。

5.一种前端应用的监控方法，其特征在于，包括：

6.如权利要求5所述的方法，其特征在于，所述Web服务器对所述数据进行规整，包括：

所述Web服务器对所述数据进行汇总和分类。

7.如权利要求5所述的方法，其特征在于，所述监控服务器根据所述规整后的数据进行相应处理，包括：

当所述监控服务器根据所述规整后的数据确定所述前端应用运行过程中，同一异常出现的次数超过阈值时，进行告警。

8.一种前端应用，其特征在于，包括：

9.如权利要求8所述的前端应用，其特征在于，所述监控模块具体用于，在以下情况确定监控到当前运行状态满足上报触发条件：

所述前端应用当前运行状态异常；或/和，

所述前端应用当前运行状态下指定数据接口被调用；或/和，

所述前端应用当前运行状态下指定功能按钮被点击。

10.如权利要求9所述的前端应用，其特征在于，

11.如权利要求8所述的前端应用，其特征在于，所述预设格式包括：

自定义日志、或key-value。

12.一种前端应用的监控系统，其特征在于，包括：

13.如权利要求12所述的系统，其特征在于，

所述Web服务器具体用于，对所述数据进行汇总和分类。

14.如权利要求12所述的系统，其特征在于，

所述监控服务器具体用于，当根据所述规整后的数据确定所述前端应用运行过程中，同一异常出现的次数超过阈值时，进行告警。