SuperAPI AI 工具集

adding-error-tracking

通用与其它

查看项目

更新于 10-15 22:32

技能介绍

用途:当用户要求添加错误追踪、崩溃上报、异常监控或性能跟踪时使用该技能。它面向 Web 应用,流程覆盖 Sentry 的接入与配置。

主要能力与使用方式:先检测框架,检查 package.json、配置文件与目录结构,判断技术栈(Next.js、React、Node.js、Python/Django/Flask 等),再按栈安装 SDK。安装命令:Next.js 用 npx @sentry/wizard@latest -i nextjs;React(Vite)用 npm install @sentry/react;Node.js 用 npm install @sentry/node;Python 用 pip install sentry-sdk。初始化方面,Next.js 由向导生成 sentry.client.config.ts、sentry.server.config.ts 与 sentry.edge.config.ts,需确认存在且含 DSN;React(Vite)在 main.tsx 初始化并启用 browserTracingIntegration、tracesSampleRate;Node.js 在入口文件最顶部、其他 import 之前初始化。随后添加环境变量:NEXT_PUBLIC_SENTRY_DSN、SENTRY_AUTH_TOKEN、SENTRY_ORG、SENTRY_PROJECT。接着用 Sentry.ErrorBoundary 和 fallback UI 包裹应用或关键子树。生产构建配置 Sentry webpack/vite 插件上传 source maps,Next.js 由 withSentryConfig 处理。最后加临时抛错按钮,验证事件出现在 Sentry 面板。

适用场景与限制:用于前端或后端 Web 应用接入错误与性能监控。生产环境建议把 tracesSampleRate 调低(如 0.1)以控制成本;把 sentry.properties 与 .sentryclirc 加入 .gitignore;切勿提交 SENTRY_AUTH_TOKEN。资料未提供具体收费价格与其他平台的接入细节。