前端監控平臺(web-monitor)

所謂web,即便你我素未謀面,便知志趣相投;足不出戶,亦知世界之大。前端

或許你初入web,面對前端開發,不知所措,或許你混跡web,行走多年,遊刃有餘 ,但怎樣才能開發出一款好的web產品呢?做爲web開發者,如何評估你產品的好壞呢?對於這一系列的問題,咱們須要一些指標來評估,基於結果找問題,一般是程序調試的不二法則。—寫在開頭git

開門見山,什麼是前端監控呢?咱們先來看看咱們如何使用咱們的監控系統,而後再來回答這個問題。github

1)進入平臺:web

在瀏覽器中打開前端監控平臺(http://hubing.online:8083),點擊「立刻體驗「按鈕便可進入系統。api

圖片描述

2)建立應用:瀏覽器

如今看到的是已添加系統的pv/uv變化圖,而後點擊新建應用站點,輸入站點名稱,點擊保存,建立本身的監控站點,頁面會多出一個站點區塊。spa

圖片描述

3)配置應用:調試

接下來,點擊您建立區塊上的配置圖標,進入應用配置頁面,而後複製生成的代碼到您須要監控應用的index頁面(注意一下位置哦),主要工做已經完成,您也能夠手動上傳api數據和js錯誤信息,咱們會在以後詳細闡述。立刻開啓您的監控之旅吧(http://hubing.online:8083)。blog

圖片描述

先說到這裏吧,下一節繼續闡述各項指標頁面……圖片


喜歡請點個讚唄

或者去https://github.com/kisslove/w... Star一下

或者打賞一下

再或者……

哈哈,想法有點多了。

圖片描述

相關文章
相關標籤/搜索