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

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

此處 注冊(cè)

郵箱驗(yàn)證 請(qǐng)查看自己的郵箱
安裝環(huán)境


代碼
貼到命令行 開(kāi)始 安裝

如果 上面不好安裝?使用 vue 項(xiàng)目接入

這個(gè) 代碼(上面生成的) 放入 你的 vue 項(xiàng)目中 index.html
3、效果
當(dāng)我?
使得項(xiàng)目中 js 報(bào)錯(cuò) 時(shí), 看看 new relic 能不能收集到

new relic

非常nice 這樣 說(shuō)明 我們可以 監(jiān)控到自己的項(xiàng)目了
什么 你還不放心 ? 再來(lái)一個(gè)

效果 展示

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

接口 響應(yīng)時(shí)間

5、客套話
感謝支持 學(xué)習(xí)更多干貨內(nèi)容!
?完整代碼 請(qǐng)看??https://github.com/huanhunmao/new-demo-vue-new-relic
標(biāo)簽: