Angular專案接入Fundebug監控

2021-09-13 19:30:10 字數 834 閱讀 8183

angular專案接入fundebug

fundebug簡介

因為我們使用angular(angular 5)框架,本文介紹接入angular的大概使用方法。

接入方法

報錯測試

當**都接入好以後,就可以測試啦。在專案的控制台輸入測試命令:

fundebug.notify("test", "hello, fundebug!");

很快就收到了報警郵件:

使用者行為也可以稱得上是一項黑科技,它記錄了出錯前的使用者行為、網路請求、控制台輸出。這個對於更好的理解使用者的操作流程,復現bug非常有幫助。因為往往debug的時間都是花在了分析為什麼會出現這個bug,理解了使用者的使用場景,才可以更好的搞清楚bug成因。

自定義報警規則

如果只有乙個使用者遇到,我大概會看一看,不重要的就暫時不管它。但是如果有5個使用者遇到同乙個錯誤,就會很重視了。所以我把前面的報錯設定的比較頻繁,保證能夠及時去發現嚴重問題。

結語參考:

fundebug:不放過每乙個bug

裝置接入專案雜記

乙個幾年前的裝置接入平台專案,本人參與不多,因為要準備乙個類似專案,抽了兩個小時重新走讀了下核心 記錄一些知識點備忘 1 通訊基礎採用mina框架 mina服務端主要流程 a.ioaccept 監聽來自網路的請求 b.當新的連線建立時,建立session,該session對應某個ip加埠 c.資料報...

Angular 專案檔案概覽

前言 為了更好的運用angular進行開發,我們首先應該好好了解angular專案的檔案概覽,知道都有哪些檔案,分別都怎麼用,這樣我們才會將其運用得更加靈活。內容 src資料夾 我們的應用 位於src資料夾中。所有的angular元件 模板 樣式 以及你的應用所需的任何東西都在這裡。這個資料夾之外的...

angular專案實戰1

ng new 專案名 整理目錄 先寫個簡單頁面,測試路由可正常跳轉 遇到loading postcss postcss url plugin failed cannot find module postcss url 這問題,安裝相應外掛程式,npm install postcss plugin 8...