sentry-前端应用监控工具

一、sentry介绍:

Sentry 是一个开源的实时错误追踪系统,可以帮助开发者发现问题、追踪问题;支持 web 前后端、移动应用等。

了解更多信息,请移步sentry官网

二、sentry配置

1、注册sentry账号

使用sentry监控平台,必须先申请账号

2、登录sentry网站,重设语言和时区

1)点击账号旁的箭头,打开弹出
sentry-前端应用监控工具_第1张图片
2)点击账号弹窗中的"User settings"选项,进入账号设置页面,可设置语言、时区
sentry-前端应用监控工具_第2张图片

3、配置项目

1)点击‘项目’菜单,进入项目页面,创建自己的项目,这里我们以创新Vue项目为例。

sentry-前端应用监控工具_第3张图片
2)创建项目成功后,自动进入配置页面,描述了vue项目配置sentry的步骤
sentry-前端应用监控工具_第4张图片

3)项目配置sentry
打开本地项目,按sentry平台中提示的项目配置步骤,为项目配置sentry监控。

// 步骤一:安装sentry插件
npm install @sentry/browser
npm install @sentry/integrations

// 步骤二:main.js添加如下代码
import Vue from "vue";
import * as Sentry from "@sentry/browser";
import { Vue as VueIntegration } from "@sentry/integrations";

Sentry.init({
  dsn: "https://[email protected]/1116510",
  integrations: [new VueIntegration({ Vue, attachProps: true })],
});

到此为止项目配置sentry监控完成,可访问sentry官网查看

你可能感兴趣的:(sentry,前端,sentry-前端应用监控工具)