一种前端应用的监控方法、设备和系统的利记博彩app
【技术领域】
[0001]本发明涉及互联网技术领域，尤其涉及一种前端应用的监控方法、设备和系统。
【背景技术】
[0002]前端应用是指基于浏览器的Web应用程序，运行在用户终端的浏览器软件上。
[0003]目前，由于用户终端遍布全球各地，前端应用开发者很难知道应用的实时运行情况，当前端应用发生问题时，也不能快速准确地发现问题。
[0004]当前亟需一种能够使前端应用开发者快速准确地发现终端应用发生的问题的技术方案。
【发明内容】
[0005]本发明实施例公开了一种前端应用的监控方法、设备和系统，能够实现前端应用主动上报运行状况，提高发现前端应用的问题的效率。
[0006]本发明实施例第一方面公开了一种前端应用的监控方法，包括:
[0007]当终端设备通过浏览器运行前端应用时，所述前端应用监控自身的运行状态；
[0008]当所述前端应用监控到当前运行状态满足上报触发条件时，所述前端应用获取所述当前运行状态对应的数据，并将获取到的数据通过上报代理以预设格式上报给Web服务器，以使所述Web服务器对所述数据进行规整后，发送给监控服务器，由所述监控服务器根据所述规整后的数据进行相应处理。
[0009]本发明实施例第二方面公开了一种前端应用的监控方法，包括:
[0010]当终端设备通过浏览器运行前端应用时，所述前端应用监控自身的运行状态；
[0011]当所述前端应用监控到当前运行状态满足上报触发条件时，所述前端应用获取所述当前运行状态对应的数据，并将获取到的数据通过上报代理以预设格式上报给Web服务器；
[0012]所述Web服务器接收所述前端应用通过上报代理上报的数据，对所述数据进行规整，并将规整后的数据发送给监控服务器；
[0013]所述监控服务器接收所述Web服务器发送的所述规整后的数据，根据所述规整后的数据进行相应处理。
[0014]本发明实施例第三方面公开了一种前端应用，包括:
[0015]监控模块，用于当终端设备通过浏览器运行前端应用时，监控所述前端应用的运行状态；
[0016]获取模块，用于当所述监控模块监控到当前的运行状态满足上报触发条件时，获取所述当前运行状态对应的数据；
[0017]上报模块，用于将所述获取模块获取到的数据，通过上报代理以预设格式上报给Web服务器，以使所述Web服务器对所述数据进行规整后，发送给监控服务器，由所述监控服务器根据所述规整后的数据进行相应处理。
[0018]本发明实施例第四方面公开了一种前端应用的监控系统，包括:
[0019]前端应用，用于当终端设备通过浏览器运行前端应用时，监控自身的运行状态；当监控到当前运行状态满足上报触发条件时，获取所述当前运行状态对应的数据，并将获取到的数据通过上报代理以预设格式上报给Web服务器；
[0020]Web服务器，用于接收所述前端应用通过上报代理上报的数据，对所述数据进行规整，并将规整后的数据发送给监控服务器；
[0021]监控服务器，用于接收所述Web服务器发送的所述规整后的数据，根据所述规整后的数据进行相应处理。
[0022]实施本发明实施例，具有如下有益效果:
[0023]当终端设备通过浏览器运行前端应用时，通过前端应用监控自身的运行状态，当前端应用监控到当前运行状态满足上报触发条件时，获取当前运行状态对应的数据，并将获取到的数据通过上报代理以预设格式上报给Web服务器，以使Web服务器对该数据进行规整后，发送给监控服务器，由监控服务器根据规整后的数据进行相应处理，实现了前端应用主动上报运行状况，提高了发现前端应用的问题的效率。
【附图说明】
[0024]为了更清楚地说明本发明实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0025]图1为本发明实施例提供的一种前端应用的监控方法的流程示意图；
[0026]图2为本发明实施例提供的一种应用场景的示意图；
[0027]图3为本发明实施例提供的另一种前端应用的监控方法的流程示意图；
[0028]图4为本发明实施例提供的一种前端应用的结构示意图；
[0029]图5为本发明实施例提供的一种前端应用的监控系统的架构示意图。
【具体实施方式】
[0030]下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
[0031]如图1所示，为本发明实施例提供的一种前端应用的监控方法的流程示意图，可以包括以下步骤:
[0032]S101、当终端设备通过浏览器运行前端应用时，该前端应用监控自身的运行状态。
[0033]S102、当前端应用监控到当前运行状态满足上报触发条件时，前端应用获取当前运行状态对应的数据，并将获取到的数据通过上报代理以预设格式上报给Web服务器，以使Web服务器对数据进行规整后，发送给监控服务器，由监控服务器根据规整后的数据进行相应处理。
[0034]本发明实施例中，为了实现前端应用能够主动上报运行状况，在前端应用侧设置了上报代理，该上报代理为前端应用进行数据上报提供了接口。当终端设备通过浏览器运行前端应用时，前端应用可以通过上报代理实时上报自身运行状态。
[0035]其中，该上报代理可以为通过javascript实现的一套前端代码组件，封装了完善的数据上报代码，并作为一个组件，嵌入到前端应用的代码里。该上报代理为前端应用提供上报的API (Applicat1n Programming Interface,应用程序接口 )接口，用来上报数据。
[0036]前端应用开发人员可以根据实际需求配置前端应用在指定运行状态下进行数据上报(即配置上报触发条件)，以使前端应用针对性地进行数据上报，从而实时掌握前端应用的运行状况。基于该配置，前端应用可以监控自身运行状态，并当当前运行状态满足上报触发条件时，获取当前运行状态对应的数据，并通过上报代理进行上报。
[0037]其中，前端应用开发人员可以配置前端应用进行数据上报的上报触发条件、在相应上报触发条件下需要上报的数据，以及上报数据时的上报格式等。
[0038]本发明实施例中，前端应用监控到当前运行状态满足上报触发条件，至少可以包括以下一种或多种情况:
[0039]前端应用当前运行状态异常、前端应用当前运行状态下指定数据接口被调用、前端应用当前运行状态下指定功能按钮被点击等。
[0040]相应地，当前端应用监控到当前运行状态异常时，其上报的当前运行状态对应的数据可以包括异常内容和错误码。
[0041]当前端应用监控到当前运行状态下指定数据接口被调用时，其上报的当前运行状态对应的数据可以包括指定数据接口的接口耗时和成功率。
[0042]当前端应用监控到当前运行状态下指定功能按钮被点击时，其上报的当前运行状态对应的数据可以包括指定功能按钮在预设时间内被点击的次数，以及指定功能按钮对应的执行成功率。
[0043]举例来说，当前端应用开发人员在前端应用中新增了一个功能按钮，如对于一个网页