CN111897713A - 一种基于paas平台前端引擎异常的友好提示方法及系统 - Google Patents

Abstract

本发明公开了一种基于PAAS平台前端引擎异常的友好提示方法，包括在前端页面监听异常事件；对异常事件进行预处理，得到能够与本地存储的错误处理档案进行比对的错误类型；若错误类型命中错误处理档案，则根据错误处理档案中的已知错误类型和对应处理方法，输出友好的错误提示；若错误类型未命中错误处理档案，则上报异常事件的错误日志；其中错误日志为根据异常脚本，浏览器信息，开发者信息，平台引擎版本，当前时间戳及其他自定义扩展数据生成。本发明提供的基于PAAS平台前端引擎异常的友好提示方法，使开发人员在PAAS平台开发前端页面时，针对前端浏览器的报错，给出友好的提示，降低排查错误的难度，提高排查的效率，方便用户进行开发。

Description

一种基于PAAS平台前端引擎异常的友好提示方法及系统

技术领域

本发明涉及程序开发技术领域，尤其涉及一种基于PAAS平台前端引擎异常的友好提示方法及系统。

背景技术

PAAS平台由多种构件组成，比如路由模块、数据库、微服务，前端引擎等，它的用户是开发人员。开发人员在使用PAAS平台中特有的编程语言或协议开发前端页面时，一旦写出错误的代码，会导致前端页面执行报错时用户需沿着浏览器抛出的错误栈一个个排查出错原因；由于PAAS平台前端引擎并非开源，而是通过前端浏览器的window.onerror方法监听系统，抛出的错误仅为浏览器内置的异常错误信息，无法结合平台前端引擎给出更具有明确意义的提示信息，使得用户无法了解前端引擎内部实现细节，从而导致排查错误过程困难，既耗时又费力。

发明内容

本发明的目的在于提供一种基于PAAS平台前端引擎异常的友好提示方法及系统，使开发人员在PAAS平台开发前端页面时，针对前端浏览器的报错，给出友好的提示，降低排查错误的难度，提高排查的效率，方便用户进行开发。

为了克服上述现有技术中的缺陷，本发明提供了一种基于PAAS平台前端引擎异常的友好提示方法，包括：

在前端页面监听异常事件；

对所述异常事件进行预处理，得到能够与本地存储的错误处理档案进行比对的错误类型；

若所述错误类型命中所述错误处理档案，则根据所述错误处理档案中的已知错误类型和对应处理方法，输出友好的错误提示；

若所述错误类型未命中所述错误处理档案，则上报所述异常事件的错误日志；所述错误日志为根据异常脚本，浏览器信息，开发者信息，平台引擎版本，当前时间戳及其他自定义扩展数据生成。

进一步地，所述对所述异常事件进行预处理，包括：

在所述前端页面中，预先对已知错误进行部署和多个埋点；所述每个埋点包括对所述已知错误的细致化边界处理及友好提示信息。

进一步地，所述异常事件包括：

通过window.onerror与try-catch语法捕获JS运行时的错误；

通过window.addEventListener捕获未处理的promise reject错误；

通过在跨域脚本上配置crossorigin="anonymous"捕获跨域脚本错误；

通过window.addEventListener捕获资源加载错误。

进一步地，本地存储的所述错误处理档案包括：错误信息及针对所述错误信息的处理方法；所述错误信息的类型包括控件配置错误、事件配置错误、行为配置错误、javascript配置错误及引擎错误。

进一步地，所述若所述错误类型未命中所述错误处理档案，则上报所述异常事件的错误日志，包括：

判断所述错误日志的数量是否超过预设的阈值；

若是，对所述错误日志中相同类型的错误进行整合后上报至所述PAAS平台的监控系统，或对所述错误日志进行采样后上报至所述PAAS平台的监控系统；

若否，直接将所述错误日志上报至所述PAAS平台的监控系统；其中，所述错误日志的文件格式为json。

进一步地，在所述若所述错误类型未命中所述错误处理档案，则上报所述异常事件的错误日志之后，还包括：

对上报的所述错误日志进行分析、处理及归类，按照不同维度展示在可视化界面中；所述维度包括健康状况维度、错误的分类与聚合、错误详情分析及错误处理。

进一步地，所述健康状况维度，包括Js报错趋势、自定义异常发生趋势、静态资源加载报错趋势及接口请求报错报错趋势；

所述错误的分类与聚合，包括Js报错量汇总、每天自定义异常量汇总及每天错误总量；

所述错误详情分析，包括查看单条日志具体信息及对外部环境的分析；所述具体信息包括：用户身份信息、访问时间信息、访问页面内容信息、执行操作信息及生成的错误信息；所述外部环境包括：设备、平台系统、IP、地理位置及网络环境；

所述错误处理，包括监控人员排查出所述错误出现的原因时，在所述PAAS平台的监控系统中对所述错误对应的日志进行编写处理代码和提示信息，将所述错误纳入错误处理档案，并将增量部分推送到前端引擎。

本发明还提供了一种基于PAAS平台前端引擎异常的友好提示系统，包括：

监听单元，用于在前端页面监听异常事件；

预处理单元，用于对所述异常事件进行预处理，得到能够与本地存储的错误处理档案进行比对的错误类型；

错误提示单元，用于当所述错误类型命中所述错误处理档案时，则根据所述错误处理档案中的已知错误类型和对应处理方法，输出友好的错误提示；

错误上报单元，用于当所述错误类型未命中所述错误处理档案时，则上报所述异常事件的错误日志；所述错误日志为根据异常脚本，浏览器信息，开发者信息，平台引擎版本，当前时间戳及其他自定义扩展数据生成。

本发明还提供了一种计算机终端设备，其特征在于，包括：

一个或多个处理器；

存储器，与所述处理器耦接，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如上所述的基于PAAS平台前端引擎异常的友好提示方法。

本发明还提供了一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如上所述的基于PAAS平台前端引擎异常的友好提示方法。

相对于现有技术，本发明实施例能在PAAS平台的前端引擎中，针对开发人员写出的错误代码进行预先的分析，埋点，并结合前端引擎内部实现逻辑给出友好的异常提示信息，给开发人员提供一个良好的开发环境，方便用户排查错误，写出正确无误的代码，同时也提高了排查错误的效率。

附图说明

图1是本发明某一实施例提供的基于PAAS平台前端引擎异常的友好提示方法的流程示意图；

图2是本发明某一实施例提供的基于PAAS平台前端引擎异常的友好提示方法的步骤示意图；

图3是本发明某一实施例提供的基于PAAS平台前端监控系统的可视化页面；

图4是本发明某一实施例提供的基于PAAS平台前端监控结果中Js报错趋势指标的统计页面；

图5是本发明某一实施例提供的基于PAAS平台前端引擎异常的友好提示系统的结构示意图。

具体实施方式

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

应当理解，文中所使用的步骤编号仅是为了方便描述，不对作为对步骤执行先后顺序的限定。

应当理解，在本发明说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本发明。如在本发明说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。

术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。

术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。

请参阅图1，本发明某一实施例提供了一种基于PAAS平台前端引擎异常的友好提示方法，包括：

S10、在前端页面监听异常事件；

本步骤中，需要说明的是，主要在前端引擎中国，对浏览器的异常错误进行全面的接管与监听，其中异常错误的来源主要包括：通过window.onerror与try-catch语法捕获JS运行时的错误；通过window.addEventListener捕获未处理的promise reject错误；通过在跨域脚本上配置crossorigin="anonymous"捕获跨域脚本错误；通过window.addEventListener捕获资源加载错误。并且

S20、对所述异常事件进行预处理，得到能够与本地存储的错误处理档案进行比对的错误类型；

本步骤中所述的预处理主要指的是，在所述前端页面中，预先对已知错误进行部署和多个埋点；所述每个埋点包括对所述已知错误的细致化边界处理及友好提示信息；其中，需要说明的是，边界处理指的是划清项目代码和第三方API之间的界限，一旦第三方API出现问题，程序员可以自行修改自己的实现，而不用去修改第三方API的源码，同时可以在自己实现里扩展其他方法，因此边界处理的信息越细致，对程序员开发来说就越为方便。友好提示信息指的是结合平台前端页面给出的具体明确意义的提示信息，而不是常见的只是浏览器中内置的错误提示。埋点分析是网站分析的一种常用的数据采集方法，通常可将数据埋点分为初级、中级、高级三种方式；初级是指在产品、服务转化关键点植入统计代码，据其独立ID确保数据采集不重复；中级是指植入多段代码，追踪用户在平台每个界面上的系列行为，事件之间相互独立；高级是指联合公司工程、ETL采集分析用户全量行为，建立用户画像，还原用户行为模型，作为产品分析、优化的基础。数据埋点是一种良好的私有化部署数据采集方式。采用埋点方式采集的数据准确，可以满足企业去粗取精，实现产品、服务快速优化迭代的需求。

S30、若所述错误类型命中所述错误处理档案，则根据所述错误处理档案中的已知错误类型和对应处理方法，输出友好的错误提示；

本步骤中，所述错误处理档案为存储在本地数据库中预先整理好的文件，该文件主要包括已有的错误信息类型及针对每种错误信息类型的处理方法；在程序员进行开发时，浏览器一旦抛出错误提示，就可以将该错误信息与档案中的进行匹配，该档案中包含的错误信息的类型包括控件配置错误、事件配置错误、行为配置错误、javascript配置错误及引擎错误。只要出现的错误在这几种类型包含的范围之内，即匹配到具体的错误类型，那么程序员就可以及时获取该错误信息的具体处理办法，然后根据友好的错误提示来修复代码。

S40、若所述错误类型未命中所述错误处理档案，则上报所述异常事件的错误日志；所述错误日志为根据异常脚本，浏览器信息，开发者信息，平台引擎版本，当前时间戳及其他自定义扩展数据生成。

本步骤中，需要说明的是，会对错误日志进行一个整理后再进行上报，上报时，需要收集浏览器抛出的异常脚本，浏览器信息，开发者信息，平台引擎版本，当前时间戳以及其他的自定义扩展数据，生成json错误日志；然后判断所述错误日志的数量是否超过预设的阈值，假设阈值为100，如果错误日志的量太多远大于100，那么就没有必要将日志全部上报，可对相同类型的错误进行整合，或者可对日志进行采样，以减少上报数量；如果数量低于100，就可以直接将所述错误日志上报至所述PAAS平台的监控系统进行后续处理；其中该阈值可根据实际需要来设定。

本发明实施例提供的一种基于PAAS平台前端引擎异常的友好提示方法，使开发人员在PAAS平台开发前端页面时，针对前端浏览器的报错，给出友好的提示，进而降低排查错误的难度，提高排查的效率，方便用户进行开发。

请参阅图2，本发明某一实施例提供了一种基于PAAS平台前端引擎异常的友好提示方法的具体流程，包括：

首先，用户在平台开始进行编写程序，当出现用户编写错误代码时，通过前端引擎监听该错误的具体信息，接下来，将该错误与本地存储的错误处理档案中的错误日志进行比对，看是否命中；如果是，直接根据错误处理档案中针对该错误的处理方法，生成友好提示信息，然后用户根据提示信息修改代码即可，例如：没命中前，浏览器给出的错误信息为：“Uncaught ReferenceError: vd is not defined”；当用户再次刷新浏览器，则该条错误已经命中错误处理档案，前端引擎给出友好提示信息为：“[赋值错误]产品模块中获取数据时，vd字段没有定义，树控件赋值失败，请检查该返回值”。用户依据前端引擎给出的友好提示信息，可清晰的知道是哪个模块错误，节省排查错误时间，更快地修复代码。

如果没有命中，则收集该错误日志上报至监控系统，然后对错误日志进行整理，主要是对上报的错误日志进行分析、处理及归类，按照健康状况维度、错误的分类与聚合、错误详情分析及错误处理等维度展示在可视化界面中；然后监控人员会针对这种新的错误的不同维度进行具体的处理，并把处理结果推送给前端引擎，并作为新的错误处理档案进行存储，不断更新丰富错误处理档案的内容。

请参阅图3-4，本发明某一实施例提供了一种基于PAAS平台前端监控结果可视化页面及Js报错趋势相关指标的统计页面，其中，该页面会实时更新显示健康状况，包括Js报错趋势、自定义异常发生趋势、静态资源加载报错趋势及接口请求报错报错趋势；同时针对这四个趋势的占比和趋势图都有显示，可以供监控人员直观的获得上报错误日志的具体情况。错误的分类与聚合主要包括Js报错量汇总、每天自定义异常量汇总、每天错误总量。错误详情分析主要是查看单条日志具体信息，可以清楚的展示，某个用户，在某个时间，访问了某个页面，执行了某个操作，从而产生了某个错误，一目了然，同时对各种外部环境(主要包括设备、平台系统、IP、地理位置、网络环境等等)做了分析，更加方便追踪问题。错误处理主要是监控人员你针对错误详情分析排查得出问题原因，可直接在监控系统中针对这条错误日志编写处理代码和提示信息，纳入错误处理档案，并将增量部分推送到前端引擎。

请参阅图5，本发明某一实施例还提供了一种基于PAAS平台前端引擎异常的友好提示系统，包括：

监听单元01，用于在前端页面监听异常事件；

预处理单元02，用于对所述异常事件进行预处理，得到能够与本地存储的错误处理档案进行比对的错误类型；

错误提示单元03，用于当所述错误类型命中所述错误处理档案时，则根据所述错误处理档案中的已知错误类型和对应处理方法，输出友好的错误提示；

错误上报单元04，用于当所述错误类型未命中所述错误处理档案时，则上报所述异常事件的错误日志；所述错误日志为根据异常脚本，浏览器信息，开发者信息，平台引擎版本，当前时间戳及其他自定义扩展数据生成。

本发明某一实施例还提供了一种计算机终端设备，其特征在于，包括：

一个或多个处理器；

存储器，与所述处理器耦接，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如上所述的基于PAAS平台前端引擎异常的友好提示方法。

处理器用于控制该计算机终端设备的整体操作，以完成上述的全自动用电量预测方法的全部或部分步骤。存储器用于存储各种类型的数据以支持在该计算机终端设备的操作，这些数据例如可以包括用于在该计算机终端设备上操作的任何应用程序或方法的指令，以及应用程序相关的数据。该存储器可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，例如静态随机存取存储器(Static Random Access Memory，简称SRAM)，电可擦除可编程只读存储器(Electrically Erasable Programmable Read-OnlyMemory，简称EEPROM)，可擦除可编程只读存储器(Erasable Programmable Read-OnlyMemory，简称EPROM)，可编程只读存储器(Programmable Read-Only Memory，简称PROM)，只读存储器(Read-Only Memory，简称ROM)，磁存储器，快闪存储器，磁盘或光盘。

计算机终端设备可以被一个或多个应用专用集成电路(Application Specific1ntegrated Circuit，简称AS1C) 、数字信号处理器(Digital Signal Processor，简称DSP) 、数字信号处理设备(Digital Signal Processing Device ,简称DSPD)、可编程逻辑器件(Programmable Logic Device，简称PLD) 、现场可编程门阵列(Field ProgrammableGate Array ，简称FPGA) 、控制器、微控制器、微处理器或其他电子元件实现，用于执行如上述任一项实施例所述的基于PAAS平台前端引擎异常的友好提示方法，并达到如上述方法一致的技术效果。

本发明某一实施例还提供了一种包括程序指令的计算机可读存储介质，该程序指令被处理器执行时实现如上述任一项实施例所述的基于PAAS平台前端引擎异常的友好提示方法的步骤。例如，该计算机可读存储介质可以为上述包括程序指令的存储器，上述程序指令可由计算机终端设备的处理器执行以完成如上述任一项实施例所述的基于PAAS平台前端引擎异常的友好提示方法，并达到如上述方法一致的技术效果。

以上所述是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也视为本发明的保护范围。

Claims (10)

1.一种基于PAAS平台前端引擎异常的友好提示方法，其特征在于，包括：

在前端页面监听异常事件；

对所述异常事件进行预处理，得到能够与本地存储的错误处理档案进行比对的错误类型；

若所述错误类型命中所述错误处理档案，则根据所述错误处理档案中的已知错误类型和对应处理方法，输出友好的错误提示；

若所述错误类型未命中所述错误处理档案，则上报所述异常事件的错误日志；所述错误日志为根据异常脚本，浏览器信息，开发者信息，平台引擎版本，当前时间戳及其他自定义扩展数据生成。

2.根据权利要求1所述的基于PAAS平台前端引擎异常的友好提示方法，其特征在于，所述对所述异常事件进行预处理，包括：

在所述前端页面中，预先对已知错误进行部署和多个埋点；所述每个埋点包括对所述已知错误的细致化边界处理及友好提示信息。

3.根据权利要求1所述的基于PAAS平台前端引擎异常的友好提示方法，其特征在于，所述异常事件包括：

通过window.onerror与try-catch语法捕获JS运行时的错误；

通过window.addEventListener捕获未处理的promise reject错误；

通过在跨域脚本上配置crossorigin="anonymous"捕获跨域脚本错误；

通过window.addEventListener捕获资源加载错误。

4.根据权利要求1所述的基于PAAS平台前端引擎异常的友好提示方法，其特征在于，本地存储的所述错误处理档案包括：错误信息及针对所述错误信息的处理方法；所述错误信息的类型包括控件配置错误、事件配置错误、行为配置错误、javascript配置错误及引擎错误。

5.根据权利要求1所述的基于PAAS平台前端引擎异常的友好提示方法，其特征在于，所述若所述错误类型未命中所述错误处理档案，则上报所述异常事件的错误日志，包括：

判断所述错误日志的数量是否超过预设的阈值；

若是，对所述错误日志中相同类型的错误进行整合后上报至所述PAAS平台的监控系统，或对所述错误日志进行采样后上报至所述PAAS平台的监控系统；

若否，直接将所述错误日志上报至所述PAAS平台的监控系统；其中，所述错误日志的文件格式为json。

6.根据权利要求1所述的基于PAAS平台前端引擎异常的友好提示方法，其特征在于，在所述若所述错误类型未命中所述错误处理档案，则上报所述异常事件的错误日志之后，还包括：

对上报的所述错误日志进行分析、处理及归类，按照不同维度展示在可视化界面中；所述维度包括健康状况维度、错误的分类与聚合、错误详情分析及错误处理。

7.根据权利要求6所述的基于PAAS平台前端引擎异常的友好提示方法，其特征在于，

所述健康状况维度，包括Js报错趋势、自定义异常发生趋势、静态资源加载报错趋势及接口请求报错报错趋势；

所述错误的分类与聚合，包括Js报错量汇总、每天自定义异常量汇总及每天错误总量；

所述错误详情分析，包括查看单条日志具体信息及对外部环境的分析；所述具体信息包括：用户身份信息、访问时间信息、访问页面内容信息、执行操作信息及生成的错误信息；所述外部环境包括：设备、平台系统、IP、地理位置及网络环境；

所述错误处理，包括监控人员排查出所述错误出现的原因时，在所述PAAS平台的监控系统中对所述错误对应的日志进行编写处理代码和提示信息，将所述错误纳入错误处理档案，并将增量部分推送到前端引擎。

8.一种基于PAAS平台前端引擎异常的友好提示系统，其特征在于，包括：

异常监听单元，用于在前端页面监听异常事件；

预处理单元，用于对所述异常事件进行预处理，得到能够与本地存储的错误处理档案进行比对的错误类型；

错误提示单元，用于当所述错误类型命中所述错误处理档案时，则根据所述错误处理档案中的已知错误类型和对应处理方法，输出友好的错误提示；

错误上报单元，用于当所述错误类型未命中所述错误处理档案时，则上报所述异常事件的错误日志；所述错误日志为根据异常脚本，浏览器信息，开发者信息，平台引擎版本，当前时间戳及其他自定义扩展数据生成。

9.一种计算机终端设备，其特征在于，包括：

一个或多个处理器；

存储器，与所述处理器耦接，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1至7任一项所述的基于PAAS平台前端引擎异常的友好提示方法。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述的基于PAAS平台前端引擎异常的友好提示方法。

Images