前端监控与源码定位平台
案例介绍
介绍：面向 Web 应用的前端监控平台，由自研浏览器 SDK、React 管理台、Spring Boot 服务端和场景演示站点组成，实现错误、网络请求与性能数据的采集、聚合、查询和生产源码定位。
浏览器监控 SDK：使用 TypeScript 实现采集 SDK，捕获 JS 异常、Promise 拒绝及资源加载错误，包装 Fetch/XHR 采集请求数据。
生产源码定位： 建立应用、Release、JS 路径与私有 Source Map 的关联，通过 SHA-256 校验构建产物一致性，实现压缩堆栈逐帧还原、源码行列号及上下文展示。
React 监控管理台： 使用 TanStack Query 管理服务端状态、查询缓存和 mutation 后的数据同步，结合 React Router 实现应用级路由及 URL 筛选状态，完成总览、错误诊断、请求、性能、版本和用户管理页面。
前端监控与源码定位平台
案例介绍
技术栈：React、TypeScript、Vite、JAVA、Spring Boot、MySQL
介绍：面向 Web 应用的前端监控平台，由自研浏览器 SDK、React 管理台、Spring Boot 服务端和场景演示站点组成，实现错误、网络请求与性能数据的采集、聚合、查询和生产源码定位。
浏览器监控 SDK：使用 TypeScript 实现采集 SDK，捕获 JS 异常、Promise 拒绝及资源加载错误，包装 Fetch/XHR 采集请求数据。
生产源码定位： 建立应用、Release、JS 路径与私有 Source Map 的关联，通过 SHA-256 校验构建产物一致性，实现压缩堆栈逐帧还原、源码行列号及上下文展示。
React 监控管理台： 使用 TanStack Query 管理服务端状态、查询缓存和 mutation 后的数据同步，结合 React Router 实现应用级路由及 URL 筛选状态，完成总览、错误诊断、请求、性能、版本和用户管理页面。
案例图片
相似案例推荐
-
设备自动化测试与数据管理平台
技术栈： Java 17、Spring Boot、Vue 3
-
中国铜业中铜数说项目
数据抽取：从ERP、MES、财务、供应链、生产系统等源系统抽
-
棉花生产布局查询系统
主页上部为最新生产布局图，下部是历年棉花生产情况（面积、单产
-
vspider
vspider是对天气预报、棉花及相关品类期货、棉花国内外现
-
医疗数据中台管理平台
面向医院及医疗机构建设的一体化医疗数据中台管理平台，围绕临床
-
Alchemy数炼数据中台
Alchemy 数炼是一套面向企业数据研发与治理场景的智能数
1小时精推人才
需求方专属客服，免费梳理匹配
