1. 程式人生 > >小程式日誌監控工具

小程式日誌監控工具

一種輕量級的微信小程式日誌監控的方法

今天一個活動要寫個H5,明天一個功能要用小程式,天天都在寫bug。使用者反饋小程式用起來有問題還特麼還不知道到底出了啥bug,反饋多了,老闆要扣工資了!看來挖了太多坑不填也不行,程式異常還是要主動追蹤,今天給大家介紹一個輕量級的錯誤日誌監控服務Fundebug

Fundebug的小程式監控外掛接入簡單,只需要下載相應的外掛檔案,然後在app.js檔案中引入並配置apikey即可。唯一要注意的就是微信需要設定request合法域名這一點不能忘記了。

1. 建立微信小程式監控專案

需要註冊賬號,點選建立團隊

這裡寫圖片描述

2. 下載並配置apikey

這裡寫圖片描述

3. 測試

我參照官方文件,造了一個測試錯誤:

這裡寫圖片描述

果然,立即收到了報錯,控制檯多出了一個小紅點:

這裡寫圖片描述

而且,值得點讚的是,在瀏覽器上方的tab標籤中也有小紅點。也就是說,即使你在用檢視其它網站的資訊的時候,也能及時知曉報錯。

這裡寫圖片描述

然後,在Fundebug的控制檯就可以看到詳細的錯誤資訊了

這裡寫圖片描述

而且,這些報錯會聚合起來。你可以很容易看出一個錯誤出現了多少次,影響了多少使用者,由此來判斷錯誤的嚴重程度,決定要不要立即去改這個bug。

這裡寫圖片描述

4. 個性化配置

Fundebug的微信小程式外掛預設只會抓取錯誤資訊,也就是說,連繫統和裝置資訊都不會獲取,除非你去配置。然後,你會發現他有一大堆可以配置的屬性,可以說是很全面很到位了。

這裡寫圖片描述

我試著做了一下基本的配置,然後就可以抓到系統資訊。

這裡寫圖片描述

並且連函式的呼叫都記錄下來了,這個對於解bug可以說是非常有用了。

這裡寫圖片描述

結論

一個輕量級的bug監控外掛,做到了非輕量級的服務。Fundebug有免費的版本,每個月免費的額度是3000個錯誤事件,對於個人開發者也算夠用。

相關推薦

程式日誌監控工具

一種輕量級的微信小程式日誌監控的方法 今天一個活動要寫個H5,明天一個功能要用小程式,天天都在寫bug。使用者反饋小程式用起來有問題還特麼還不知道到底出了啥bug,反饋多了,老闆要扣工資了!看來挖了太多坑不填也不行,程式異常還是要主動追蹤,今天給大家介紹一個輕

程式bug監控工具

應用場景1、監聽線上未知錯誤// 例如:呼叫錯誤 var result = {} console.log(result.data.msg) // 丟擲錯誤 2、記錄錯誤執行堆疊,更方便重現錯誤小程式使用1、引入資源在app.js中加入,記得放在App物件上面var xb

微信程式 效能Trace工具

微信 Andoid 6.5.10 開始,我們提供了 Trace 匯出工具,開發者可以在開發者工具 Trace Panel 中使用該功能。 使用方法 PC 上需要先安裝adb工具,可以參考一些主流教程進行安裝,Mac 上可使用 brew 直接安裝。 確定adb工具已成功安裝後,在開發

最新程式前端開發工具!快!快!快!

《微信小程式自動切片生成佈局軟體》,微信小程式前端開發必備的軟體之一。 功能如下: 1、切片功能:原來手寫的這部分工作,可以用切片軟體的方法來切。切好後,可以自動生成wxml,wcss,js檔案。 2、文字識別功能:效果圖上的文字可以通過自動文字識別識別出

程式入口構造工具&二維碼測試工具

本文將介紹我們小程式中隱藏的兩個工具頁面。原理雖不復雜,收益卻實實在在,或許也能給諸君帶來啟發。 入口構造工具 痛點 PM&運營 投放連結 PM&運營每次投放新入口時,都需要找FE要頁面連結。投放多少連結就要找FE多少次,一方面相互之間的溝通等待

程式開發者除錯工具使用說明

微信開發者工作是微信官方提供的針對微信小程式的開發工具,集中了開發,除錯,預覽,上傳等功能。微信團隊釋出了微信小程式開發者工具、微信小程式開發文件和微信小程式設計指南,全新的開發者工具,集成了開發除錯、程式碼編輯及程式釋出等功能,幫助開發者簡單和高效地開發微信小程式。 啟動

微信程式開發(二) -工具

上一節,我們已經把微信小程式開發所必須的都已準備好 這一節 ,我們將 瞭解 微信開發者工具的基本使用,以及各項功能 這裡我們不講公眾號網頁除錯 這款 ide 基本功能 有如下三點 小程式除錯(開發者可以完成小程式的 API 和頁面的開發除錯)

Java應用程式效能監控工具

簡介 當一個軟體系統完成基本功能上線執行後,如前期設計不佳,後面很容易出現記憶體和效能問題。解決這些問題有多種途徑,其中最為常用的方式:藉助監控工具,直接找到問題點(或某個範圍),然後仔細研究程式碼,找出根因並整改。本文僅對效能類問題做深入探討 當程式出現效能問題後,

微信程式開發-開發工具

小程式app的三個檔案1、小程式邏輯檔案 app.js2、小程式公共設定檔案 app.json3、小程式公共樣式表文件 app.wxss小程式app中的頁面結構包括四個檔案1、頁面邏輯檔案 xxx.js2、頁面結構檔案 xxx.wxml3、頁面樣式表文件 xxx.wxss4、

微信程式開發除錯工具

為了幫助開發者簡單和高效地開發微信小程式,我們推出了全新的 開發者工具 ,集成了開發除錯、程式碼編輯及程式釋出等功能。 掃碼登入 啟動工具時,開發者需要使用已在後臺繫結成功的微訊號掃描二維碼登入,後續所有的操作都會基於這個微信帳號 程式除錯主要有三大功能區:模擬器、

初級篇二:微信程式申請、工具、常用網址

從這篇文章你可以學到: 1、個人或公司申請小程式 2、小程式管理工具、資料助手等工具 3、小程式開發者常用的網址   一、個人或公司如何申請小程式 小程式和公眾號是同一個入口: https://mp.weixin.qq.com/ 點選左上

微信程式在開發工具上可以編譯但是手機預覽請求不到資料

言簡意賅,在拿了人家開源專案來跑的時候,有時會發現小程式開發工具自帶的模擬器不能請求到資料,這時候比較簡單,直接在工具上的導航欄找到“工具--->專案詳情”,然後如圖紅框勾上然後再編譯就開源在模擬器上正常看到請求資料了。~~~那麼然後你肯定想在手機微信上試下,於是你點了

Tomcat日誌監控工具——Probe

今天遇到專案執行過程中需要檢視使用者訪問日誌,log4j.properties配置好,將log日誌輸出到tomcat的log資料夾下,但不可能每次都去伺服器上拉取log檔案檢視,網上找了下,發現一個日誌監控工具挺好的——Probe。tomcat probe是一個

程式 網路請求工具

小程式自帶的網路請求,如圖下:在一個程式中網路請求是必須的,如果按照他的這個樣式寫,肯定程式碼多的不得了,所以我們將其進行一個簡單的封裝,話不多說直接切入正題:網路請求的樣式如何使用:1.首先要進行對我的工具類進行引入:2.呼叫方法3.如果你後臺想要表單的格式 或者是 jso

程式前端製作-聯絡我們切片-程式定製開發工具

小程式前端製作-聯絡我們切片,內含伺服器端、小程式所有檔案、切片檔案(可以用小程式切片軟體開啟再次編輯)、效果圖內含以下欄目:微信郵箱資源下載:軟體介紹:  微信小程式自動切片生成佈局軟體是一款根據效果影象畫畫一樣來設計微信小程式,自動生成匯出前端頁面的快速開發工具。可以很方

JVM調優日誌解析分析與性能監控工具

結束 tac 線程阻塞 clas jvm調優 ica esc oid 日誌 一、調優參數設置 JVM的GC日誌的主要參數包括如下幾個: -XX:+PrintGC 輸出GC日誌 -XX:+PrintGCDetails 輸出GC的詳細日誌 -XX:+PrintGCTimeSta

程式開發工具命令列啟動配置

在cmd視窗中使用命令啟動指定的小程式專案 命令形如: wechat -o miniapp-shops 1.自定義一個 wechat.bat 檔案,輸入以下程式碼: @echo off call C:"\Program Files (x86)\Tencent\微信web開發者

一個可以監控U盤接入、自動拷貝檔案到U盤、自動移除U盤的程式

一個可以監控U盤接入、自動拷貝檔案到U盤、自動移除U盤的小程式 1,支援自動拖拽檔案,並獲取檔案路徑。 支援檔案拖拽: DragAcceptFiles(hWnd, T

【※墨痕】微信程式工具註冊步驟

1、在微信公眾平臺官網首頁( mp.weixin.qq.com)點選右上角的“立即註冊”按鈕。 2、選擇註冊的帳號型別  選擇“小程式”,點選“檢視型別區別”可檢視不同型別帳號的區別和優優勢 3、填寫郵箱和密碼 填寫未註冊過公眾平臺、開放平臺、企業

程式util工具

import wafer from '../lib/wafer2-client-sdk' import tip from './tip' // 時間格式化 const formatTime = time => { time =