前端监控

进入控制台

自托管 · 数据完全私有 · ClickHouse 驱动

错误、性能、行为
一站式前端可观测性

错误追踪、性能指标、行为轨迹——看清你的产品在用户端真实的样子。Web 与微信小程序原生支持。

在线体验 Demo 阅读接入文档

控制台 · 示例商城

Issues

128

↑ 12 新增（今日）

LCP P75

1.9s

良好 · 近 24h

今日 PV / UV

12,408

UV 3,921 · Session 5,204

错误趋势 · 近 24 小时

三大核心能力

采集一次，三处受益——同一个 SDK 驱动错误、性能与行为

错误追踪

JS / 接口 / 白屏全覆盖，SourceMap 还原堆栈，面包屑重现现场。

性能指标

Web Vitals 分位数趋势，慢接口与长任务一目了然，小程序加载也在内。

行为分析

PV/UV 与受众画像，错误发生前的完整操作轨迹。

平台能力

✓

告警规则引擎

规则可视化配置，钉钉 / webhook 推送，冷却防抖。

✓

报表中心

日/周/月报导出 CSV，每日摘要定时推送到群。

✓

多应用工作区

以应用为中心的 workspace 隔离，按应用授权管理。

✓

微信小程序原生支持

原生 / Taro / uni-app 通吃，加载耗时与 setData 体积分析。

✓

隐私内建

手机号 / 卡号自动脱敏，接口地址去 query，TTL 可配。

✓

自托管 · 数据私有

一条 docker compose 起全栈，数据不出机房。

架构一览

采集 → 落库 → 展示与告警，一条链路看清

监控数据链路图：客户端 SDK 采集 → 服务端鉴权分流 → ClickHouse 落库；读链路查询接口 / 管理后台 / 告警引擎

Vite

React

Fastify

ClickHouse

Tailwind CSS

一分钟接入

import { init } from '@monitor/web';

init({

appId: 'my-app',

dsn: 'https://…/api/v1/collect',

token: '…'，// 创建应用时下发

});

在线体验 Demo 快速开始 →