npm 包 @dollarshaveclub/rollbar-check-ignore 使用教程

在前端开发中，我们经常需要使用到异常监控工具。其中 Rollbar 是一个备受欢迎的监控工具。它支持多种语言，并且可以自定义异常过滤规则。不过，在使用过程中，我们可能需要忽略某些异常，以免 Rollbar 发送大量无效信息导致干扰正常业务。而 @dollarshaveclub/rollbar-check-ignore 就是一个能够帮助我们快速过滤 Rollbar 异常的 npm 包。

安装

我们可以通过 npm 安装该包:

--- ------- ------------------------------------- ------

使用

1. 引入

我们需要在前端的入口文件中引入 @dollarshaveclub/rollbar-check-ignore 包。如果你使用的是 Vue、React 等框架，你可以在根组件中引入:

------ ------------------ ---- ---------------------------------------

2. 配置

在 Rollbar 客户端初始化后，我们需要在 Rollbar 的配置选项中启用 @dollarshaveclub/rollbar-check-ignore 包:

-------------------
  ------------ ----------------------------
  ---------------- -----
  --------------------------- -----
  -------- -
    ------------ ------------
  --
  ------------ ------------------ -- -- ------------------------------------- -
---

3. 使用

在 Rollbar 发送异常之前，我们可以使用 @dollarshaveclub/rollbar-check-ignore 包中提供的 ignore 函数进行过滤处理。ignore 函数接收一个异常对象作为参数，并返回一个布尔值。当返回值为 true 时，该异常不会被发送到 Rollbar：

--- -
  -- -- ---------
- ----- ----- -
  -- -------------------------------- -
    -- ----------- -------
    ------
  -
  ------------------
-

4. 配置规则

@dollarshaveclub/rollbar-check-ignore 包支持灵活的配置规则，我们可以根据自己的需要随意设置。规则的配置有两种方式：配置数组、配置函数。

配置数组

我们可以在包的入口文件中直接导出配置数组，数组的每一个元素为一个匹配规则：

-------------- - -
  -
    -------- ---------- ------- -----------
    ------ ---------
  --
  -
    -------- ------- ---------- --------
    ------ ---------
  --
  -
    -------- ------------
    ------ ----------
    ------------ ----
  -
-

配置数组中可以指定异常信息的匹配规则、忽略级别、是否指定指纹等。通过数组的项数，我们可以快速了解当前项目中配置的规则有哪些，并且方便修改、删除。

配置函数

我们可以将配置规则写成函数，函数接收一个异常对象作为参数，并返回一个配置项：

-------------- - -------- ----- -
  -- ---- ---------- ---------- -
    ------ ----
  -
  ----- --------------- - --------------- -------- -------
  -- --------------------------------------- -
    ------ ----
  -
  ------ -
    ------------ -----
    ------ ---------
  -
-

示例代码

下面是一个完整的 Rollbar 客户端初始化的示例代码，该代码启用了 @dollarshaveclub/rollbar-check-ignore 包并配置了规则：

------ - ------------- - ---- ----------------------
------ ------- ---- ---------
------ ------------------ ---- ---------------------------------------

-- ------
----- ----------- - -
  -
    -------- ---------- ------
    ------ ---------
  --
  -
    -------- ------- --------
    ------ ----------
    ------------ -----
    ------ ------- ------
  --
  -
    -------- -------- ---------
    ------ ------
  -
-

-------------------
  ------------ ----------------------------
  ---------------- -----
  --------------------------- -----
  -------- -
    ------------ ------------
  --
  ------------ ------------------ -- -- ------------------------------------- -
---

-- ------
------------------------------------- ----- -
  -- ------------ --- ----- ----- -------- -
    ------ ----
  -
  -- ----------
  ----- -------------- - --------------------------- -- -
    -- ------- ------------------ --- --------- -
      ------ ----------- --- ------------------
    -
    ------ ------------------------------------
  --
  -- ---------------- -
    ------ ----------------------------- -- -
      -- ------- ------------------ --- --------- -
        ------ ----------- --- ------------------
      -
      ------ ------------------------------------
    ----- -- ----
  -
  -- ----- -----------------------
  ------ -
    ------ --------
    ------------ -----
    ------ --- ----- ---------
  -
--

-------- ------------- -- ----- -- -
  ------ -
    -----
      ------------- ---- -----------
      ---- ------------- -----
    ------
  -
-

----- --- ------- --------------- -
  ----------------- ------- -
    -- ---------------------------------- -
      -- ----------- -------
      ------
    -
    --------------------
  -

  ------ -- -
    ------ -
      -------------- ------------------- ------------- --
        --------- -----------
      ----------------
    -
  -
-

该示例代码中，我们启用了 @dollarshaveclub/rollbar-check-ignore 包，并且配置了规则数组和规则函数。规则数组和规则函数可以根据实际需要去配置，以达到快速接入 Rollbar 并过滤无效异常的目的。

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/116480

阅读全文

猜你喜欢

  • npm 包 maker-ui 使用教程

    前言 随着前端技术的不断发展，不少框架和工具库层出不穷。其中，npm 是前端开发过程中必不可少的一个工具，而 maker-ui 则是 npm 包中的一款前端 UI 库。

    5 年前
  • npm 包 hyperagent 使用教程

    在前端领域，使用 hypermedia API 来构建 Web 应用程序已经成为一种常见的方式。hyperagent 是一个可以帮助开发人员更轻松地使用 hypermedia API 的 npm 包。

    5 年前
  • npm 包 superagent-defaults 使用教程

    在前端开发中，我们常常需要进行网络请求。其中superagent是一个常用的网络请求库，而superagent-defaults则是superagent的一个默认参数配置插件。

    5 年前
  • npm 包 links-parser 使用教程

    前言 在前端开发中，经常需要获取一个网页中的所有链接。手动解析 HTML 是一个繁琐的过程，会消耗大量的时间和精力。而 links-parser 就是一个非常好用的工具来帮助我们实现这个功能。

    5 年前
  • npm 包 reject 使用教程

    在前端开发过程中，我们经常使用 npm 包来扩展项目的功能。然而，在使用 npm 包的过程中，有时候会遇到一些问题，比如包的版本不兼容或者无法正常使用等。在这种情况下，我们可能需要使用 npm 包的 ...

    5 年前
  • npm 包 npmrc 使用教程

    在前端开发过程中，我们经常会用到 npm 包管理器来下载和安装各种基础库和第三方依赖。但是在实际开发过程中，我们会经常遇到需要配置多个不同的 npm 仓库地址的情况，例如： 需要使用公司内部搭建的 ...

    5 年前
  • npm 包 @k4connect/engine.io-client 使用教程

    背景 @k4connect/engine.io-client 是一个基于 engine.io 协议的实现，它提供了一个简单的 API 用于与 server 进行双向通信。

    5 年前
  • npm 包 @jonny/engine.io-client 使用教程

    @jonny/engine.io-client 是一个用于浏览器和 Node.js 的 engine.io 客户端。它支持 WebSocket 和 XHR 传输及其协议协商。

    5 年前
  • npm 包 minispy 使用教程

    1. 简介 minispy 是一个小巧灵活的 JavaScript 监控工具库，通过在页面中添加代码片段，可以有效的跟踪用户行为、监测响应性能、埋点打点等。 2. 安装 将 minispy 安装到你的...

    5 年前
  • 使用 component-collection npm 包

    在前端开发中，构建可重用的组件是非常重要的一件事情。npm 包 component-collection 可以帮助你构建自己的组件库。在本文中，我们将介绍如何使用该 npm 包，并提供一个示例代码。

    5 年前
  • npm 包 code42day-clock 使用教程

    什么是 code42day-clock？ code42day-clock 是一个用于 JavaScript 的 npm 包，它提供了一种简单易用的方式来处理时间和日期。

    5 年前
  • NPM 包 disposable 使用教程

    NPM 是 JavaScript 世界中最大的包管理器，提供了许多用于前端开发的有用工具和库。其中一个非常有用的包就是 disposable，它可以让您快速创建临时文件和目录。

    5 年前
  • npm 包 Paperclip 使用教程

    Paperclip 是一个强大的前端模板引擎，它可以让你更方便地管理和切换不同的模板。在开发过程中，我们常常需要使用到各种不同的模板，而 Paperclip 正好可以帮助我们更好地管理和使用这些模板。

    5 年前
  • npm 包 mojo-views 使用教程

    什么是 mojo-views mojo-views 是一个轻量级的前端 MVVM 框架，它提供了类似于 Vue.js 和 React.js 的组件化思想。通过创建视图、绑定数据和事件，可以快速构建复杂...

    5 年前
  • npm 包 mojo-router 使用教程

    前言 在现代Web应用中，前端路由是必不可少的一部分，它帮助我们实现单页应用（SPA）和客户端路由。我今天要向大家介绍一个npm包，它是一个轻量级、快速的客户端路由库，叫做 Mojo Router。

    5 年前
  • npm 包 mojo-paperclip 使用教程

    npm 包 mojo-paperclip 使用教程 在前端开发中，我们经常会使用到图片上传功能。考虑到用户体验及流量消耗等方面的问题，我们会将图片压缩之后再上传。而 mojo-paperclip 就是...

    5 年前
  • npm 包 mojo-models 使用教程

    前言 基于 Node.js 平台的前端开发工具包越来越多，npm 成为前端开发者必不可少的工具之一。其中，mojo-models 是一款非常优秀的 npm 包，它可以帮助开发者轻松搭建可扩展的数据模块...

    5 年前
  • npm 包 mojo-bootstrap 使用教程

    在前端开发中，Bootstrap 是一个备受欢迎的 CSS 框架，它提供了一套开箱即用的样式和组件，让开发者能够快速构建漂亮的网页界面。但是，每一个项目都需要重复地引入相同的 Bootstrap 样式...

    5 年前
  • npm 包 inject 使用教程

    在前端开发中，我们经常需要将一个函数或者变量注入到另外一个模块中使用。这个时候我们可以使用 inject 这个 npm 包。本文将详细介绍如何使用该 npm 包实现注入功能，以及一些常见使用场景和实例...

    5 年前
  • npm 包 Linen 使用教程

    什么是 Linen？ Linen 是一款基于 JavaScript 的标记语言，它能够将 Markdown、LaTeX 和 HTML 相结合，生成具美感、且易于协作的文档。

    5 年前

相关推荐

    暂无文章