[JS] 使用 Fundebug 監控前後端錯誤

任何一服務一旦上線,就算先前經過在嚴格的測試,也難免出現出現錯誤,然若該服務沒自行埋下監測工具,服務發生問題則難以追溯,常常得需用戶們主動提交,待開發團隊得知問題時,常常已有為數眾多的用戶受到影響。而今天筆者將介紹一項可監測全端錯誤的平台工具 Fundebug 來簡單解決此問題。Fundebug 可使用於 JavaScript 前後端,使用方法極其簡單,本文將簡單介紹如何將該服務埋藏於前端。相關特色如下:

  • 支援各種前後端 JavaScript 框架,如:Backbone、Angular、React、Vue、Express、Hapi、Koa 等。
  • 提供郵件等多種警報方式,並可自行定義 Webhook。
  • 可通過 Source Map 還原真實的出錯程式片段,精準找出錯誤原因。
  • 自動記錄出錯場景,如:點擊記錄、頁面跳轉、網絡請求等用戶行為。
  • 提供詳盡的 BUG 情境資訊,如錯誤名稱、資訊、行號、瀏覽器資訊、JS 引擎、作業系統、設備資訊....等。

平台網址:Fundebug

使用教學

  • 註冊完成後,可直接創建監控項目,請針對您的 JavaScript 進行選擇,設定好相關資訊後按下繼續。

  • 請依照指示將該段程式埋入前端頁面的 <head> 標籤中。

  • 接者可按照說明於瀏覽器中使用開發者工具進行測試,若成功則可在 Fundebug 儀表板中見到相關訊息。

  • 之後若有發生任何錯誤均可在平台中查看,同時也會發信通知開發團隊。

ALL RIGHTS RESERVED. COPYRIGHT © 2018. Designed and Coded by Makee.io