摘要： 自動還原真實出錯位置，快速修復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
Fundebug專注於JavaScript、微信小程序、微信小遊戲、支付寶小程序、React Native、Node.js和Java線上應用實時BUG監控。 自從2016年雙十一正式上線，Fundebug累計處理了20億+錯誤事件，付費客戶有陽光保險、核桃編程、荔枝FM、掌門1對1、微脈、青團社等衆多品牌企業。歡迎大家免費試用！
版權聲明
轉載時請註明作者 Fundebug以及本文地址：
https://blog.fundebug.com/2019/08/26/fundebug-wechat-miniprogram-support-sourcemap/