前言
npm 是 Node.js 包管理器,它可以让开发者方便地分享和安装 Node.js 模块,其中就包括前端常用的模块。在 npm 上有许多高质量的前端模块,可以方便开发者快速打造自己的应用。
reception 是一种全新的前端异常监控工具,它可以帮助开发者快速发现并解决前端应用的异常问题。该工具集成了前端性能监控、错误监控、SEO监控、可访问性监控等多个方面的功能,为前端开发者提供了更全面的异常监控服务。本篇文章将为大家介绍如何使用 reception。
安装
安装 reception 很简单,只需在终端中输入以下命令即可:
--- ------- --------- -----
如果你使用的是 yarn 包管理器,也可以使用以下命令:
---- --- ---------
配置
安装完成后,你需要进行一些基础的配置,以便 reeption 监测你的应用。
Step 1:导入
在你的项目的入口文件中,导入 reception 模块
------ ------------
Step 2:初始化
在导入 reception 模块后,需要执行初始化操作。初始化操作可以在项目的某个入口文件中进行,比如说你可以在 app.js 或 index.js 文件中进行初始化操作。
------ ------------ --------- ---------------- ---------- ------------------ ------- -------------- ---
其中,projectId 和 apiKey 都是 reception 的必填参数,你需要在 reception 管理平台中申请并获取到这两个参数。在初始化完成后,就可以完成基础配置了。
使用
完成了基础配置后,reception 就可以开始监测你的应用了。当你的应用出现错误或性能问题时,reception 将会实时的记录这些问题,并展示在你的管理平台上。
此外,reception 还提供了丰富的自定义参数配置,你可以通过它来完成更多个性化的需求。接下来,就让我们来看一下它的具体使用方法。
自定义参数
reception 的自定义功能十分强大,以下是该模块提供的一些自定义参数配置:
- ignoreErrors:忽略某些错误,可以是 string,regexp,function。
- ignoreUrls:忽略某些 URL 错误,可以是 string,regexp。
- ignoreMethods:忽略某些 HTTP 请求方,可以是 string,regexp。
- sampleRate:采样率,建议在 0.1-0.5 之间。
- debug:debug 模式,可以在 console 中看到发送的请求和接收到的数据。
- enableHistory:开启路由监控。
------ ------------ -------------------- ---------------- ---------- ------------------ ------- --------------- ------------- ------------- ------------------------ ----------- ------------------------- -------------- --------- ----------- ---- ------ ----- -------------- ---- ---
全局出错捕获
在初始化完成后,你可以通过以下方法来监听全局出错的事件:
-------------- - -------- ----- ---- ------- --------- ------ - --------------------- -------- ---- ---- --------------------- ------- ------- --------- --------- ----------- ----------- --- --
结语
通过本篇文章的介绍,你已经可以学会如何使用 reception 来进行前端异常监控了。reception 是一款非常强大的前端监控工具,在你的日常开发和维护中,可以帮助你及时发现并解决前端应用中的各种问题。希望大家在今后的开发中,可以认真使用 reception,并结合自身的业务场景进行相应的自定义参数配置。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600562f581e8991b448e0b5b