callmesoul / frontend-sniper

前端监控

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

logo

frontend-sniper

前端错误监控系统

其实线上已经有很多监控系统了,例如fundebug。试用了一下还是挺不错的。 可惜都是收费的,免费的只能创建一个项目,收费也不便宜。 对于一些小公司来说很难花钱去搞,而且对小公司来说功能也不需要太复杂。 一些js的报错和接口报错就可以大大加快bug的修复,和预知bug。(当上级和测试都还没发现时) 所以我还是写这么个系统,是从自身需求出发吧。功能可以慢慢完善。

现在初期只实现了简单的js和接口资源报错。后期会加入UA和用户等信息以完善错误信息追踪错误。 对服务端还是新手所以代码质量, 但好在错误监控系统一般内部人使用,独立不影响线上项目和用户。所以大胆地使用吧。

Demo

demo

username:admin

password:admin

项目集

Use

  1. 部署frontend-sniper-server 后台
  2. 部署frontend-sniper-admin 管理后台
  3. 在自己项目加上 错误探针 frontend-sniper-explorer

Todo

  • 支持vue
  • 邮件通知(新错误报错,旧错误5n次发邮件报错)
  • 多邮件通知(可设置多个通知邮箱)
  • 添加UA信息
  • 微信公众号通知
  • 添加用户信息
  • 记录用户行为
  • 手动上传报错
  • 用户操作回放(rrweb

预览

admin-index

admin-index

app-errors

app-errors

app.png

app.png

error-detail

error-detail

email

email

email-notice

email

About

前端监控


Languages

Language:TypeScript 47.0%Language:Vue 29.3%Language:CSS 12.1%Language:JavaScript 10.8%Language:HTML 0.8%