现代化前端
性能与异常监控

专为现代 Web 团队打造。毫秒级异常捕获，全链路性能追踪。极简私有化部署，让您的数据绝对安全可控。

开始使用查看文档

核心能力

洞察每一行代码的运行状态

📊

全景性能分析

实时掌控核心指标。深度解析 Web Vitals、资源加载耗时及接口延迟，精准定位性能瓶颈。

🐛

智能异常追踪

全自动捕获 JS 崩溃、Promise 异常及接口报错。还原现场上下文，提供清晰调用栈，Bug 无处遁形。

🛡️

极致私有化部署

单体架构设计，0 外部依赖。一条命令即可在任意服务器低成本部署，彻底保障业务数据安全。

两分钟完成接入

无论您是前端项目、服务端应用、定时任务还是第三方回调，只要能发 HTTPS 请求就能上报。浏览器 SDK 负责自动采集，纯 HTTP 直连同样是正式接入方式。

支持 Script 标签直接引入
支持纯 HTTPS POST 直接上报
支持服务端、任务、Webhook 等任意请求源

index.html

<script src="/apm-browser.js"></script>
<script>
  window.YujianAPM.init({
    endpoint: "https://apm.yujianhd.com/api/ingest",
    project: "main-web",
    apmKey: "<YOUR_PROJECT_KEY>"
  });
</script>

Terminal

curl -X POST https://apm.yujianhd.com/api/ingest \
  -H "Content-Type: application/json" \
  -H "x-apm-key: <YOUR_PROJECT_KEY>" \
  -d '{
    "project":"main-web",
    "eventType":"console_error",
    "timestamp":1710000000000,
    "sessionId":"sess_001",
    "url":"https://apm.yujianhd.com/",
    "userAgent":"Mozilla/5.0",
    "payload":{
      "message":"Console exploded",
      "level":"error",
      "args":["payload lost"],
      "source":"console.error"
    }
  }'

实时体验

在下方的沙盒环境中生成模拟错误，即刻体验控制台的错误捕获与分析能力。

触发上报演示

这里会初始化内置浏览器采集脚本。点击按钮后，可在后台错误页查看实际入库结果。

控制台报错

模拟前端业务里手工打印的 console.error，会自动捕获调用栈。

API 错误响应

请求 demo API 时故意传错字段，验证接口 4xx 与响应体上报。

网络断网/跨域

访问一个不存在的地址，验证 fetch reject 时的失败原因上报。

当前状态

SDK Ready

点击按钮后，会在控制台和网络里触发真实错误。

建议验证路径：控制台 → 错误/性能页，按项目 main-web 筛选。

现代化前端性能与异常监控