Fundebug微信小程序BUG監控服務支持Source Map

摘要： 自動還原真實出錯位置，快速修復BUG。

Source Map功能

微信小程序的Source Map功能目前只在 iOS 6.7.2 及以上版本支持。

微信小程序在打包時，會將全部 js 代碼打包成一個文件，從而減小體積，加快訪問速度。

然而，壓縮代碼的錯誤是很難Debug的，由於錯誤位置是這樣的:

• 文件：app-service.js
• 行號：13782
• 列號：7974

這時，錯誤的位置信息(文件，行號和列號)失去了價值，由於開發者很難知道它所對應的源代碼位置。

Fundebug的微信小程序BUG監控支持經過Source Map還原出錯位置：

• 文件：utils/util.js
• 行號：573
• 列號：8

這樣的話，開發者可以迅速定位出錯的源代碼。

在Fundebug控制檯，只須要點擊Source Map按鈕，就能夠切換壓縮先後的堆棧：

若是但願使用Source Map功能，用戶則須要：

• 從微信小程序管理後臺下載Source Map文件
• 在Fundebug項目管理後臺上傳Source Map文件

下載Source Map文件

• 登錄微信公衆平臺
• 切換到左側"開發"頁面
• 點擊連接"下載線上版本Source Map文件"

上傳Source Map文件

將下載的Source Map文件解壓縮，僅需上傳解壓縮的文件中的__APP__/app-service.map.map文件。

上傳步驟

• 進入Fundebug『控制檯』
• 選擇『項目設置』
• 點擊『Source Map』
• 選中須要上傳的Source Map文件(支持上傳多個Source Map文件)
• 點擊『上傳』

上傳Source Map時能夠配置應用版本:

下圖爲已經上傳的不一樣版本的Source Map文件:

若但願區分不一樣版本微信小程序的Source Map文件，則須要在接入Fundebug插件時，配置對應的appversion屬性，與上傳Source Map時設置的版本保持一致：

fundebug.init({
    appVersion: "3.2.5"
});

Fundebug微信小遊戲BUG監控服務的Source Map功能也將盡快推出，敬請期待。

最後，感謝青團社的小夥伴的協助~

參考

• Fundebug文檔： 微信小程序Source Map
• Source Map入門教程

關於Fundebug

Fundebug專一於JavaScript、微信小程序、微信小遊戲、支付寶小程序、React Native、Node.js和Java線上應用實時BUG監控。 自從2016年雙十一正式上線，Fundebug累計處理了20億+錯誤事件，付費客戶有陽光保險、核桃編程、荔枝FM、掌門1對一、微脈、青團社等衆多品牌企業。歡迎你們免費試用！

版權聲明

轉載時請註明做者 Fundebug以及本文地址：
https://blog.fundebug.com/2019/08/26/fundebug-wechat-miniprogram-support-sourcemap/