前端异常监控平台对比

简介: 前端异常监控平台对比

本文已参与[新人创作礼]活动,一起开启掘金创作之路

前言

前端监控包括很多种,用户行为监控,异常监控,性能监控等。一个完善的前端项目是肯定需要这些监控平台的,以便于在关键时刻给出我们未来方向的决策。本文重点讨论前端异常监控中的各大平台的简单差异对比。

概述

整理了目前市面上的几个前端异常监控平台:

  1. sentry
  2. fundebug
  3. frontjs
  4. webfunny

sentry

地址:github.com/getsentry/s…

sentry是一个开源的监控系统,能支持服务端与客户端的监控,还有个强大的后台错误分析、报警平台。主要用于如何快速的发现故障。支持几乎所有主流开发语言和平台,并提供了现代化UI,它专门用于监视错误和提取执行适当的事后操作所需的所有信息,官方提供了多个语言的SDK。让开发者第一时间获悉错误信息,并方便的整合进自己和团队的工作流中。

0d402663bd5107fc8ac647adc9129d6.png

优点:支持语言全面,功能较完善,开源免费/收费使用saas服务

缺点:外国服务器,需要考虑服务稳定性

fundebug

官网地址:www.fundebug.com

致力于打造全栈应用错误监控与智能分析平台,目前支持前端JavaScript,微信小程序、微信小游戏,支付宝小程序,React Native,Java以及Node.js。错误界面清晰明了,提供用户行为数据记录,Source Map支持,免费版本只能适用于个人小项目,商用项目需升级付费版本。

6ea0a97a644ad143cfd049761f9264b.png

优点:界面简单清晰,提供行为数据记录。

缺点:免费版本功能不够商用项目用,需升级付费版本。

frontjs

官网地址:frontjs.pgyer.com

frontjs是蒲公英旗下一款多个维度监测网站的产品,除开对异常事件的监控,还增加了性能,访问数据,留存,日报等功能。但默认的基础版本无用户范围和性能监控,且数据保留24小时,高级版和私有化部署都需要额外收费。

70dc40b820ed58b57b1e3fd0aeacbf8.png

优点:异常和性能监控都区分了类型,网络请求和资源下载等;除开对异常事件的监控,还增加了性能数据等监控,功能较丰富。

缺点:基础版本不够用,升级需付费,且异常监控无行为记录,错误记录较为表面。

webfunny

官网: www.webfunny.cn

公司成立于2021年05月25日,我们致力于帮助前端工程师定位并解决各种线上问题,确保项目健康良好的运行。

提供异常数据及性能数据的查询,及提供用户行为记录数据,个人免费版本只有2周,目前对部分小程序还未支持。

72b54c2fb59606ef7a2aee043851b2b.png

优点:提供各种大屏可视化数据展示

缺点:公司级产品需付费,平台支持还不够完善

总结

整体比较下来,sentry对异常数据的收集和分析更加完善,缺点就是国外服务器不稳定,如果公司有条件私有化部署,则可以解决这个问题,推荐使用,本公司也是一直使用的此平台并二次封装。



目录
相关文章
|
6月前
|
前端开发
前端毕业设计|基于Vue+Nodejs实现游戏资讯平台(二)
前端毕业设计|基于Vue+Nodejs实现游戏资讯平台
|
6月前
|
前端开发 数据可视化 JavaScript
探索前端可视化开发:低代码平台原理与实践
【4月更文挑战第7天】本文探讨了低代码平台在前端开发中的应用,介绍了其模型驱动、组件化和自动化部署的原理,强调了提升效率、降低技术门槛、灵活适应变更和保证一致性等优势。建议开发者明确适用场景,选择合适平台,并培养团队低代码技能,同时规划与现有技术栈的融合,实施持续优化治理。低代码平台正改变开发格局,为业务创新和数字化转型提供新途径。
269 0
|
6月前
|
前端开发 数据可视化
探索前端开发中的新趋势:低代码平台的应用与挑战
【2月更文挑战第8天】随着前端开发领域的不断发展,低代码平台作为一种新兴的开发方式正逐渐受到关注。本文将探讨低代码平台在前端开发中的应用现状、优势以及挑战,带领读者深入了解这一新趋势。
|
3月前
|
XML 监控 前端开发
WebTracing:如何使用一款SDK实现前端全链路监控
WebTracing:如何使用一款SDK实现前端全链路监控
159 1
|
4月前
|
前端开发 开发者
领域驱动使用问题之在图研发平台中,领域驱动设计是如何帮助解决前端开发面临的问题的
领域驱动使用问题之在图研发平台中,领域驱动设计是如何帮助解决前端开发面临的问题的
|
5月前
|
缓存 监控 前端开发
前端性能监控:从Lighthouse到Real User Monitoring
**前端性能监控关乎用户体验。Lighthouse是自动化审计工具,评估网页性能、最佳实践、可访问性等,通过CLI或Chrome DevTools使用。RUM则实时监控用户与网站互动,收集性能数据。两者结合,从开发到生产环境,全面优化前端性能,包括资源加载、代码优化、网络性能和用户体验。使用Lighthouse和RUM数据,结合CI/CD,持续改进并设定性能预算,采用SSR、Service Worker、Code Splitting等高级策略,确保高性能和用户满意度。**
82 2
|
4月前
|
Web App开发 存储 监控
如何使用 Chrome DevTools 进行前端性能监控和调试?
如何使用 Chrome DevTools 进行前端性能监控和调试?
|
5月前
|
前端开发 小程序
新版校园跑腿外卖独立版+APP+小程序前端外卖配送平台源码
同城校园跑腿外卖配送平台源码,支持自定义diy 你可以设计你的页面,设计你自己的风格,支持多校园,独立版本,多商户,有用户端,骑手端,商家端,强大的功能
184 3
|
5月前
|
监控 前端开发 JavaScript
|
6月前
|
SQL 前端开发 JavaScript
前端vite+vue3结合后端node+koa——实现代码模板展示平台(支持模糊搜索+分页查询)
前端vite+vue3结合后端node+koa——实现代码模板展示平台(支持模糊搜索+分页查询)
149 4