栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

Fundebug微信小程序BUG监控服务支持Source Map

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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以及本文地址:
https://blog.fundebug.com/2019/08/26/fundebug-wechat-miniprogram-support-sourcemap/

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/244574.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号