資訊專欄INFORMATION COLUMN
摘要：當(dāng)我們嘗試在蒲公英上使用這款工具的時(shí)候也出現(xiàn)了一些問題，比如，蒲公英每天能產(chǎn)生千萬(wàn)級(jí)別的訪問信息，這使得原有的統(tǒng)計(jì)分析性能變得不是很理想，這對(duì)于一款統(tǒng)計(jì)分析為主的產(chǎn)品來(lái)說是致命的。
先放鏈接：https://www.frontjs.com/
FrontJS 最早是用于蒲公英旗下項(xiàng)目管理平臺(tái) Tracup 中的一個(gè)性能工具，也就是我們一個(gè)月前發(fā)布的 frontend-tracker，發(fā)布后在一些社區(qū)內(nèi)也有一些良好的反應(yīng)。
當(dāng)我們嘗試在蒲公英上使用這款工具的時(shí)候也出現(xiàn)了一些問題，比如，蒲公英每天能產(chǎn)生千萬(wàn)級(jí)別的訪問信息，這使得原有的統(tǒng)計(jì)分析性能變得不是很理想，這對(duì)于一款統(tǒng)計(jì)分析為主的產(chǎn)品來(lái)說是致命的。
我們及時(shí)調(diào)整了從于數(shù)據(jù)單元到分析單元的結(jié)構(gòu)和代碼，在不增長(zhǎng)機(jī)器數(shù)量的情況下解決了這個(gè)問題。
現(xiàn)在，一款簡(jiǎn)單的性能工具也變成了一個(gè)性能監(jiān)控平臺(tái)，我們有信心面對(duì)更大的數(shù)據(jù)量，于是我們把這個(gè)平臺(tái)開放出來(lái)，讓每個(gè) Web 開發(fā)者能夠從中獲益。
于是我們邀請(qǐng)大家，特別是 Web 開發(fā)者來(lái)使用這款產(chǎn)品，為我們提出寶貴的優(yōu)化意見。
FrontJS 的核心功能FrontJS 是面向產(chǎn)品部門，運(yùn)營(yíng)部門，以及開發(fā)部門工作人員的網(wǎng)站性能及異常信息收集工具。
產(chǎn)品和運(yùn)營(yíng)部門可以通過頁(yè)面分析功能來(lái)了解用戶訪問量、使用偏好、頁(yè)面停留時(shí)間和用戶流向等信息，從而對(duì)產(chǎn)品進(jìn)行調(diào)整和優(yōu)化。
開發(fā)部門可以通過頁(yè)面統(tǒng)計(jì)獲取用戶平均的頁(yè)面統(tǒng)計(jì)信息做出 DOM 樹渲染時(shí)間是否達(dá)標(biāo)，DNS 解析時(shí)間是否達(dá)標(biāo)，服務(wù)器響應(yīng)時(shí)間是否達(dá)標(biāo)等判斷。
FrontJS 為開發(fā)人員提供了包含錯(cuò)誤收集、頁(yè)面流向、性能分析、資源及請(qǐng)求監(jiān)控等用戶體驗(yàn)改進(jìn)所需的信息，最主要的功能當(dāng)然還是 JS 錯(cuò)誤監(jiān)控：我們會(huì)收集精細(xì)到 console.log 級(jí)別的任何 Javascript 異常信息并提供 stack trace 信息，同時(shí)我們還對(duì)每個(gè) XHR 計(jì)時(shí)幫助開發(fā)者判斷某個(gè) Endpoint 是否需要優(yōu)化。
FrontJS 的技術(shù)特點(diǎn)圖形界面配置，自動(dòng)生成集成代碼，即加即用
JS 異常監(jiān)控，包含 console 中的 log / warn / error 的收集
提供 API，可以對(duì)上報(bào)行為進(jìn)行定制化的調(diào)整
具有包裝后的 try - catch，可以產(chǎn)生自定義錯(cuò)誤信息
資源監(jiān)控，收集加載失敗的資源以及跨域資源的 URI
XHR 監(jiān)控，收集 XHR 耗時(shí)、錯(cuò)誤、超時(shí)、跨域等信息
堆棧追蹤技術(shù)，精確獲取更多異常上下文信息，方便查找錯(cuò)誤位置，在每個(gè)瀏覽器中都可以使用完整的堆棧追蹤
自定義信任域，可以對(duì)跨域信息做出靈活調(diào)整有助于監(jiān)控頁(yè)面是否發(fā)生 XSS 或被植入病毒
頁(yè)面性能監(jiān)控，包含 DNS 時(shí)間， DOM 渲染時(shí)間等信息，可以組合計(jì)算出首屏?xí)r間以及白屏?xí)r間
事件流，可以了解異常發(fā)生時(shí)的上下文環(huán)境，幫助測(cè)試部門快速?gòu)?fù)現(xiàn)錯(cuò)誤
近實(shí)時(shí)的分析結(jié)果
未來(lái)我們希望通過借助人工智能等一些手段讓這款產(chǎn)品變得更加智能，能夠主動(dòng)發(fā)現(xiàn)被監(jiān)控站點(diǎn)的體驗(yàn)問題并自動(dòng)的為用戶提供高質(zhì)量的解決方案。
最后再次邀請(qǐng)大家使用FrontJS，并提出寶貴的意見~
https://www.frontjs.com/
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/90611.html
摘要：前端異常監(jiān)控如果是移除的流程，那么編程就一定是將放進(jìn)去的流程。過濾掉運(yùn)行時(shí)錯(cuò)誤上報(bào)加載錯(cuò)誤事件捕獲異常最新的規(guī)范中定義了事件用于全局捕獲對(duì)象沒有處理器時(shí)異常情況。 前端異常監(jiān)控 如果debug是移除bug的流程，那么編程就一定是將bug放進(jìn)去的流程。如果沒有用戶反饋問題，那就代表我們的產(chǎn)品棒棒噠，對(duì)不對(duì)？ 主要內(nèi)容 Web規(guī)范中相關(guān)前端異常 異常按照捕獲方式分類 異常的捕獲方式 日志...
摘要：我所在的美團(tuán)酒店事業(yè)部去年月份成立，新的業(yè)務(wù)新的開發(fā)團(tuán)隊(duì)，這一切使得我們的前后端分離推進(jìn)的很徹底。日志監(jiān)控平臺(tái)日志監(jiān)控平臺(tái)是美團(tuán)內(nèi)部的一個(gè)日志收集系統(tǒng)，目前美團(tuán)統(tǒng)一使用收集日志，具有接收格式日志的能力，而日志監(jiān)控平臺(tái)也是以格式日志來(lái)收集。 轉(zhuǎn)自：美團(tuán)技術(shù)團(tuán)隊(duì) 作者：美團(tuán)技術(shù)團(tuán)隊(duì) 分享理由：很好的分享，可見，基于Node的前后端分離的架構(gòu)是越顯流行和重要，前端攻城獅們，No...
摘要：作為一款開源的輕量級(jí)編輯器，它具有簡(jiǎn)潔的，高可擴(kuò)展性，易于調(diào)試等諸多優(yōu)點(diǎn)，尤其是它豐富的插件，可以讓我們?cè)陂_發(fā)過程中事半功倍，所以，今天想從整個(gè)開發(fā)過程的角度，推薦一下平時(shí)我親測(cè)覺得很好用的插件。又一款用顏色拯救眼睛的插件。 筆者作為前端開發(fā)，使用過各種編輯器，經(jīng)歷過sublime，Atom，WebStorm的種種試用淘寶的過程，直到遇到微軟的VSCode，才有一種終于遇到對(duì)的人的感覺...
摘要：在我們列舉的幾個(gè)監(jiān)控的服務(wù)或平臺(tái)中，這是唯一一款國(guó)內(nèi)產(chǎn)品。也是一款付費(fèi)監(jiān)控解決方案，計(jì)劃收費(fèi)方案是美分小時(shí)。同樣也支持監(jiān)控，還包括對(duì)容器級(jí)事件的監(jiān)測(cè)停止開始等等和管理容器產(chǎn)生的日志。由于是一個(gè)監(jiān)控方案，相對(duì)來(lái)說它的安裝和部署都比較簡(jiǎn)單。 輕量級(jí)虛擬化容器 Docker，自發(fā)布以來(lái)便廣受業(yè)界關(guān)注，在開源界和企業(yè)界掀起了一陣風(fēng)。Docker 容器相對(duì)于 VM 有以下幾個(gè)優(yōu)勢(shì)：?jiǎn)?dòng)速度快；資...
閱讀 787·2021-11-24 10:30
閱讀 1331·2021-09-24 09:48
閱讀 3129·2021-09-24 09:47
閱讀 3674·2019-08-29 17:11
閱讀 2959·2019-08-29 15:38
閱讀 2360·2019-08-29 11:03
閱讀 3668·2019-08-26 12:15
閱讀 1075·2019-08-26 10:45
