前端监控实战之 New Relic

1、目的
有小伙伴说能不能出个简单教程使用 New Relic, 所以它来了,还是
类似于上一篇 Sentry, 它们搭建不困难,困难在于如何展示和分析,让你的数据有效才是关键
2、部署步骤
官网

此处 注册

邮箱验证 请查看自己的邮箱
安装环境


代码
贴到命令行 开始 安装

如果 上面不好安装 使用 vue 项目接入

这个 代码(上面生成的) 放入 你的 vue 项目中 index.html
3、效果
当我
使得项目中 js 报错 时, 看看 new relic 能不能收集到

new relic

非常nice 这样 说明 我们可以 监控到自己的项目了
什么 你还不放心 ? 再来一个

效果 展示

鼓掌 !
4、小结
new relic 监控还有很多功能 可以用 可以配置,比如 ip、browser、api error report、logs 等等,项目需要 按照我的方式 接入,然后再加入你想要的内容
比如 可以收集浏览器 信息

接口 响应时间

5、客套话
感谢支持 学习更多干货内容!
完整代码 请看 https://github.com/huanhunmao/new-demo-vue-new-relic