监控告警

Hey，同学！想实时了解网站状态吗？这一篇教你配置监控和告警～ 👀

🤔 为什么需要监控？

网站上线后，可能会出现：

• JS 错误
• API 请求失败
• 性能问题

监控帮你「第一时间发现」问题！

⚙️ 技术方案

Sentry

iFluxArt 使用 Sentry 进行监控：

🔧 配置

1. 创建项目

在 sentry.io 创建项目：

• 选择「Next.js」
• 获取 DSN

2. 配置 DSN

在环境变量中配置：

SENTRY_DSN=https://xxx@sentry.io/xxx

3. 自动收集

Sentry 会自动收集：

• 未捕获的错误
• 未处理的 Promise 拒绝
• API 请求错误

📊 查看数据

1. 问题列表

在 Sentry Dashboard 查看：

• 问题数量
• 影响用户
• 首次出现时间

2. 详情

点击问题查看：

• 堆栈追踪
• 错误上下文
• 重现步骤

3. 性能

查看性能数据：

• 页面加载时间
• API 延迟
• 用户体验评分

🔔 告警配置

告警规则

通知渠道

• 邮件
• Slack（推荐）
• Discord

💡 最佳实践

1. 及时处理

收到告警后：

• 及时排查
• 复现问题
• 修复上线

2. 忽略无关错误

有些错误是已知的：

• 第三方 SDK 错误
• 用户网络问题

可以在 Sentry 中忽略。

3. 保留合适时间

不要保留太长时间，节省存储空间。

📖 下一步

• CDN 配置 —— 访问加速
• 部署配置 —— 生产部署