前言
npm 是 Node.js 包管理器，它可以让开发者方便地分享和安装 Node.js 模块，其中就包括前端常用的模块。在 npm 上有许多高质量的前端模块，可以方便开发者快速打造自己的应用。
reception 是一种全新的前端异常监控工具，它可以帮助开发者快速发现并解决前端应用的异常问题。该工具集成了前端性能监控、错误监控、SEO监控、可访问性监控等多个方面的功能，为前端开发者提供了更全面的异常监控服务。本篇文章将为大家介绍如何使用 reception。
安装
安装 reception 很简单，只需在终端中输入以下命令即可：
npm install reception —save
如果你使用的是 yarn 包管理器，也可以使用以下命令：
yarn add reception
配置
安装完成后，你需要进行一些基础的配置，以便 reeption 监测你的应用。
Step 1：导入
在你的项目的入口文件中，导入 reception 模块
import 'reception';
Step 2：初始化
在导入 reception 模块后，需要执行初始化操作。初始化操作可以在项目的某个入口文件中进行，比如说你可以在 app.js 或 index.js 文件中进行初始化操作。
import 'reception';
//进行初始化工作
Reception.init({
projectId: 'your_project_id',
apiKey: 'your_api_key'
});其中，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