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