前端監(jiān)控實戰(zhàn)之 New Relic

1、目的
有小伙伴說能不能出個簡單教程使用 New Relic, 所以它來了,還是
類似于上一篇 Sentry, 它們搭建不困難,困難在于如何展示和分析,讓你的數(shù)據(jù)有效才是關鍵
2、部署步驟
官網(wǎng)

此處 注冊

郵箱驗證 請查看自己的郵箱
安裝環(huán)境


代碼
貼到命令行 開始 安裝

如果 上面不好安裝?使用 vue 項目接入

這個 代碼(上面生成的) 放入 你的 vue 項目中 index.html
3、效果
當我?
使得項目中 js 報錯 時, 看看 new relic 能不能收集到

new relic

非常nice 這樣 說明 我們可以 監(jiān)控到自己的項目了
什么 你還不放心 ? 再來一個

效果 展示

鼓掌 !
4、小結(jié)
new relic 監(jiān)控還有很多功能 可以用 可以配置,比如 ip、browser、api error report、logs 等等,項目需要 按照我的方式 接入,然后再加入你想要的內(nèi)容
比如 可以收集瀏覽器 信息

接口 響應時間

5、客套話
感謝支持 學習更多干貨內(nèi)容!
?完整代碼 請看??https://github.com/huanhunmao/new-demo-vue-new-relic