前端监控

什么是 Grafana Faro?

Grafana Faro 是一个用于前端应用可观测性的项目,它包含一个高度可配置的 Web SDK,用于实时用户监控 (RUM),能够对浏览器前端应用进行代码注入以捕获可观测性信号。随后,前端遥测数据可以与后端和基础设施数据关联,从而实现无缝的全栈可观测性。

grafana faro

Grafana Faro 概述

Grafana Faro Web SDK 是一个高度可配置的开源 JavaScript 代理,可以轻松嵌入到 Web 应用中,用于收集实时用户监控 (RUM) 数据:性能指标、日志、异常、事件和追踪。

Faro 项目由 Grafana Labs 发起并于 2022 年发布。该项目的使命是帮助用户监控 Web 应用性能,发现前端错误,并跟踪用户行为以简化故障排查。收集到的前端可观测性数据随后可以在 Grafana Labs LGTM 技术栈(Loki 用于日志,Grafana 用于可视化,Tempo 用于追踪,Mimir 用于指标)中与后端和基础设施数据关联,从而形成一个无缝、全栈的开源可观测性解决方案。

Grafana Labs 很荣幸领导 Grafana Faro 项目的开发,在 Grafana 中构建对 Faro 的一流支持,并确保 Grafana Labs 的客户在需要时获得 Faro 支持和前端监控功能。

Grafana Faro 简介

观看
2:15

为何使用 Grafana Faro 进行前端监控?

利用多种自动和手动代码注入能力
通过收集 Web Vitals 指标来监控 Web 应用性能,提供用户感知性能、交互性和视觉稳定性的洞察
捕获未处理的错误和被拒绝的 Promise,帮助在原始源代码上下文中发现和排查错误
跟踪用户活动,如用户会话和关键事件,以及功能使用、用户旅程和 KPI
收集前端日志以获取关于错误、用户活动和应用状态的额外上下文信息
与 Grafana Labs LGTM 技术栈(Loki-Grafana-Tempo-Mimir)无缝集成,提供完整的开源可观测性解决方案
只需 2 行代码即可嵌入,立即开始收集性能指标、日志、异常、事件和追踪数据
通过 OpenTelemetry-JS 集成捕获前端追踪数据

Grafana Faro 如何进行前端监控?

how does grafana faro work
1
将 Grafana Faro Web SDK 集成到您的应用后,它会收集必要的数据并将其提交到一个 Collector,您可以自行运行该 Collector,或者在 Grafana Cloud 中运行。
2
Collector 接收来自 Grafana Faro Web SDK 的数据,并将其保存到 Grafana Loki 和 Grafana Tempo 中。
3
然后您可以使用 Grafana 来可视化实时用户监控数据。

基于开源构建,社区驱动

我们很高兴分享我们的经验,并与开源社区合作构建一个易于使用的前端监控解决方案。

认识 Grafana Faro 贡献者

与这些优秀的人才一起工作

准备好开始了?