搭建前端監(jiān)控系統(tǒng)(七)之用戶細(xì)查篇:用戶細(xì)查具體要分析哪些數(shù)據(jù),更容易幫助我們定位前端問題呢說完用戶基本信息和頁面平均加載時(shí)間,下面就要來說接口耗時(shí)正態(tài)分布。接口耗時(shí)同樣能夠反饋出用戶當(dāng)時(shí)的網(wǎng)絡(luò)狀態(tài),同時(shí)他也能反饋出服務(wù)端接口的狀態(tài)。比如,頁面平均耗時(shí)表現(xiàn)良好,接口耗時(shí)表現(xiàn)差,則能反映出,當(dāng)時(shí)的后端服務(wù)狀態(tài)不是很好。還有完整的用戶行為記錄,以上是用戶行為中的基本信息,接下來要說的是用戶的完整行為鏈路,通過將頁面訪問、接口請求、代碼報(bào)錯(cuò)、自定義行為等,按照時(shí)間先后順序串聯(lián)起來,可以達(dá)到復(fù)現(xiàn)用戶錯(cuò)誤的目的。其中,接口請求記錄,除了會(huì)記錄接口耗時(shí),還需要記錄接口的返回值,這樣能夠更加明確的定位數(shù)據(jù)問題。以上說到的關(guān)于「用戶細(xì)查」的詳細(xì)功能和信息展示,前端程序員可以可以通過webfunny前端監(jiān)控系統(tǒng)進(jìn)行demo實(shí)操查看。在搭建前端系統(tǒng)利用各種手段來豐富「用戶細(xì)查」,將用戶的行為記錄下來,復(fù)現(xiàn)用戶當(dāng)時(shí)的問題便不再是那么困難的事情。這對開發(fā)者來說,無疑是提高了解決問題的效率。webfunny前端監(jiān)控致力于解決前端監(jiān)控的問題,提高前端的性能。webfunny前端監(jiān)控系統(tǒng)通過監(jiān)控PV、UV數(shù)據(jù)的變化趨勢,線上報(bào)錯(cuò)、異常等, 同時(shí)還可以自定義警報(bào)功能。前端監(jiān)控和js穩(wěn)定性監(jiān)控方案
針對webfunny整套前端監(jiān)控監(jiān)控系統(tǒng),前端工程師會(huì)疑問的問題解答:webfunny監(jiān)控這么多東西,不會(huì)影響頁面的性能,首先webfunny這套監(jiān)控系統(tǒng)我們自己和試用購買webfunny的前端工程師已經(jīng)使用很久了,目前沒有遇到性能上的問題。當(dāng)然,也有極個(gè)別的小伙伴反饋說,拖慢了系統(tǒng)。所以我們增加了設(shè)置功能,在使用webfunny前端監(jiān)控時(shí),你可以去除掉大部分的監(jiān)控功能。webfunny前端監(jiān)控居然用node做日志服務(wù),并發(fā)量高了可以扛得住。因?yàn)閚ode處理并發(fā)有著天然的優(yōu)勢,目前,如果是單點(diǎn)部署,可以支持10萬+的日活量,如果使用多點(diǎn)部署,效果更佳哦。我們已經(jīng)積極開發(fā)出能夠支持百萬以上日活量的版本啦,感興趣可以直接到webfunny前端監(jiān)控上體驗(yàn)demo。有哪些好用的前端監(jiān)控和js文件加載錯(cuò)誤監(jiān)控平臺(tái)webfunny埋點(diǎn)系統(tǒng),更輕量、易使用,降低數(shù) 據(jù)分析使用門檻,快速實(shí)現(xiàn)業(yè)務(wù)分析需求。
說到前端監(jiān)控到異常報(bào)警,絕大多數(shù)的監(jiān)控平臺(tái)都提供規(guī)則報(bào)警的能力。然而規(guī)則報(bào)警比較大的問題在于隨著業(yè)務(wù)的不斷發(fā)展,原本配置的規(guī)則將會(huì)出現(xiàn)閾值過低或過高的問題。若閾值配置過低,則會(huì)產(chǎn)生大量的誤報(bào)警,繼而引起整個(gè)監(jiān)控能力的報(bào)警疲勞。為了解決規(guī)則報(bào)警的問題,監(jiān)控平臺(tái)可以引入一些簡單的數(shù)學(xué)模型來解決時(shí)序數(shù)據(jù)的異常識(shí)別工作。以常見的高斯分布(正態(tài)分布)為例,利用3-sigma原則可以快速判斷某一時(shí)刻的報(bào)錯(cuò)數(shù)是否滿足概率分布,繼而可以產(chǎn)生報(bào)警。
webfunny前端監(jiān)控系統(tǒng)—純私有化部署,可實(shí)現(xiàn)的功能介紹前端監(jiān)控功能三、Debug模式:根據(jù)userId,前端工程師可以隨時(shí)隨地連接線上用戶(包括開發(fā)環(huán)境、測試環(huán)境、以及生產(chǎn)環(huán)境),webfunny前端監(jiān)控系統(tǒng)會(huì)記錄用戶的所有行為,本地緩存信息(localStorage、sessionStorage、cookie)、控制臺(tái)打印信息。同時(shí)webfunny還會(huì)錄下用戶的整個(gè)操作過程,支持回放。作為前端工程師我也曾經(jīng)在谷歌調(diào)試模式、safari調(diào)試模式、安卓調(diào)試模式、charles代理模式、Postman模式等各種調(diào)試模式下疲于奔命,所以我在開發(fā)webfunny前端監(jiān)控時(shí)、就決定開發(fā)這個(gè)Debug模式功能,讓同行的前端的工程都能從這些奪命連環(huán)模式中解脫出來。webfunny前端一體化埋點(diǎn)系統(tǒng),可按項(xiàng)目設(shè)定不同的模型看板,設(shè)定人員權(quán)限,滿足多種數(shù)據(jù)分析需求。
webfunny前端監(jiān)控系統(tǒng)—純私有化部署,可實(shí)現(xiàn)的功能介紹,前端監(jiān)控第三個(gè)功能模塊、用戶細(xì)查維度:webfunny前端監(jiān)控這塊的功能可以讓前端工程師查看單個(gè)用戶的具體行為,前端工程師可以清楚地知道,某個(gè)用戶,在某個(gè)時(shí)間,訪問了某個(gè)頁面,點(diǎn)擊了某個(gè)按鈕,發(fā)送了某個(gè)請求,從而產(chǎn)生了某個(gè)錯(cuò)誤,一目了然。同時(shí)webfunny前端監(jiān)控系統(tǒng)還對這個(gè)用戶的各種外部環(huán)境做了分析,讓工程師追蹤用戶問題易如反掌。查詢用戶具體的行為記錄:主要包括一個(gè)月內(nèi)每天的訪問記錄、用戶瀏覽、點(diǎn)擊、請求、報(bào)錯(cuò)、超時(shí)等等,前端工程師可以清晰的知道用戶在頁面上的行為,從而復(fù)現(xiàn)用戶的bug。設(shè)備分析:主要包括設(shè)備、系統(tǒng)、IP、地理位置、等等;網(wǎng)絡(luò)環(huán)境評估:通過對資源加載的的耗時(shí)分析,評估出用戶當(dāng)時(shí)的網(wǎng)絡(luò)狀況,用來做分析對比。webfunny一鍵搭建前端監(jiān)控系統(tǒng),實(shí)時(shí)了解線上應(yīng)用健康情況!前端監(jiān)控和前端行為分析方案搭建
webfunny支持私有化部署,容器化部署,可支持千萬級PV的日活量!前端監(jiān)控和js穩(wěn)定性監(jiān)控方案
webfunny前端監(jiān)控中自定義埋點(diǎn)和漏斗分析7.1、自定埋點(diǎn):正常情況下,埋點(diǎn)功能應(yīng)該由后端同學(xué)配合完成。在真實(shí)的開發(fā)過程中,我們免不了遇到需要做一些特殊的埋點(diǎn),但是有時(shí)候又不容易得到后端同學(xué)幫助的情況,那么前端開發(fā)可以自己去完成埋點(diǎn)功能。如下:圖表中展示埋點(diǎn)觸發(fā)的次數(shù),以及埋點(diǎn)觸發(fā)的人數(shù)。7.2、漏斗分析:在增加自定義埋點(diǎn)的同時(shí),Webfunny也增加了埋點(diǎn)步驟轉(zhuǎn)化率統(tǒng)計(jì):埋點(diǎn)1->埋點(diǎn)2的留存率分析。進(jìn)一步強(qiáng)化自定義埋點(diǎn)功能。前端監(jiān)控和js穩(wěn)定性監(jiān)控方案
上海觀縱科技有限公司致力于傳媒、廣電,是一家服務(wù)型的公司。觀縱科技致力于為客戶提供良好的webfunny前端監(jiān)控,webfunny前端埋點(diǎn),全鏈路應(yīng)用性能監(jiān)控,Argus-IT運(yùn)維監(jiān)控,一切以用戶需求為中心,深受廣大客戶的歡迎。公司從事傳媒、廣電多年,有著創(chuàng)新的設(shè)計(jì)、強(qiáng)大的技術(shù),還有一批專業(yè)化的隊(duì)伍,確保為客戶提供良好的產(chǎn)品及服務(wù)。觀縱科技秉承“客戶為尊、服務(wù)為榮、創(chuàng)意為先、技術(shù)為實(shí)”的經(jīng)營理念,全力打造公司的重點(diǎn)競爭力。