Angular项目接入Fundebug监控

Angular项目接入Fundebug

最近在公司内部的Angular项目中接入了Fundebug监控，用于线上bug实时追踪。在此，跟你们分享一下相关内容，但愿你们喜欢😍。

Fundebug简介

Fundebug的口号是不放过每个BUG，它提供全栈JavaScript错误监控。其实，简单理解就是全部跟JavaScript相关的监控，包括各类前端框架(Angular, Vue,js, React)，Node.js，微信小程序。

由于咱们使用Angular(Angular 5)框架，本文介绍接入Angular的大概使用方法。

接入方法

• 首先须要建立一个帐号

  建立帐号页面使用极验验证，蛮好玩的一个东西。

  

• 帐号建立后会立马跳转到建立项目的界面。能够看到，支持好几个版本的Angular，因此千万不要选错了。

  

• 以后会有详细的接入代码，只要复制黏贴就能够了

  推荐使用npm安装！

  

  若是不清楚，还能够直接点击右下角的对话图标，客服的解答都很专业。

报错测试

当代码都接入好之后，就能够测试啦。在项目的控制台输入测试命令：
fundebug.notify("Test", "Hello, Fundebug!");

很快就收到了报警邮件：

点击查看详情，就能够看到详细的报错信息啦。浏览器和操做系统的信息都会分析并展现出来。有时候某些错误只会在特定的安卓版本上出现，那么有这样的信息，对于帮助分析解BUG是颇有用的。

而用户行为也能够称得上是一项黑科技，它记录了出错前的用户行为、网络请求、控制台输出。这个对于更好的理解用户的操做流程，复现BUG很是有帮助。由于每每Debug的时间都是花在了分析为何会出现这个bug，理解了用户的使用场景，才能够更好的搞清楚bug成因。

自定义报警规则

若是每一次出错都报警的话，那将是一件很恐怖的事情。想象一下一个错误出一百万次，确定不能发一百万封邮件。不只邮件系统会挂掉，咱们本身也会被搞晕。Fundebug默认配置了报警规则来避免这一状况的出现。而我特别喜欢的一个功能则是能够自定义报警规则。相比于默认的根据同一个错误出现多少次报警，我更喜欢同一个错误影响多少用户。

若是只有一个用户遇到，我大概会看一看，不重要的就暂时无论它。可是若是有5个用户遇到同一个错误，就会很重视了。因此我把前面的报错设置的比较频繁，保证可以及时去发现严重问题。

结语

大体就介绍这么多吧，若是想了解更详细的信息，能够去他们官网。

参考：

1. Fundebug:不放过每个BUG