Sentry
需要异常捕获、追踪,跟踪整个处理过程,统计分析并可视化展示异常相关数据。
堆栈跟踪、堆栈本地信息、前面的事件、可能导致问题的提交以及在错误发生时捕获的定制数据
Sentry分为服务平台
和客户端
两个部分,这是针对于sentry整个处理流程来说。客户端产生异常并上报异常,服务平台负责处理存储、分类、处理、分析、跟踪、展示。
Sentry
的服务端分为web
、cron
、worker
这几个部分,应用(客户端)发生错误后将错误信息上报给web
,web
处理后放入消息队列
或Redis内存队列
,worker
从队列中取出数据进行处理
客户端
{
"@sentry/browser": "^5.7.1",
"@sentry/integrations": "^5.7.1",
}
服务平台可以使用官方,也可以使用私有化部署,客户端也就是SDK,对于前端项目就是安装npm插件包
使用
接入
新建一个项目,根据根据项目类型选择
在代码里面安装:
如果是Vue,可以在main.js里面添加,
import Vue from 'vue'
import * as Sentry from '@sentry/browser';
import * as Integrations from '@sentry/integrations';
Sentry.init({
dsn: 'http://59aec82d2ad74418846d17e3a85bf081:4f1faacb1ca54ba98b11c8225ac9865b@101.37.148.124:9000/13',
integrations: [new Integrations.Vue({
Vue, attachProps: true