使用Fundebug API 批量上传Source Map

淩亂°似流年 2023-07-10 11:22 5阅读 0赞

**摘要：** 通过代码批量上传 Source Map，实现流程自动化！

[Fundebug 支持使用 Source Map 还原真正的错误位置][Fundebug _ Source Map]。这样的话，开发者能够迅速定位出错的源代码。另外，Fundebug 还能够展示出错的代码块，帮助开发者更快地解决问题。

### Fundebug 支持哪些 Source Map 上传方式？ ###

如果希望使用 Source Map 功能的话，我们必须拿到 Source Map 文件。用户可以将 Source Map 文件挂载到自己的服务器，我们会自动下载；或者，用户也可以主动上传 Source Map。我们一共提供了 3 种不同的上传方式：

*  前端 UI 上传
 *  fundebug-cli 批量上传
 *  API 上传

前面两种方式都比较直观，[文档][Link 1]中有详细的说明。接下里介绍如何通过代码调用 API 实现 Source Map 批量上传。

### 如何批量上传 Source Map？ ###

Fundebug 支持通过`POST`请求上传 Source Map，接口为`/javascript/sourcemap/upload`, 参数包括

*  `apikey`: 获取 apikey 需要[免费注册][Link 2]帐号并且创建项目。
 *  `appversion`: 可选参数，用于配置应用版本。若希望区分不同版本的 Source Map，则在接入 Fundebug 时，必须配置对应的 appversion 属性，并在代码更新时及时更新。
 *  `sourceMap`：Source Map 文件信息，具体内容请参考下方示例代码。

下面给出 Node.js 版本的代码供参考，

### 如何清除已上传 Source Map？ ###

如果上传的 Source Map 太多，希望将旧的 Source Map 文件删掉，我们也提供了相应的接口: `/javascript/sourcemap/clear`。示例代码如下：

感谢客户大大风变科技的反馈！

### 关于Fundebug ###

[Fundebug][]专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java线上应用实时BUG监控。 自从2016年双十一正式上线，Fundebug累计处理了30亿+错误事件，付费客户有阳光保险、达令家、核桃编程、荔枝FM、微脉等众多品牌企业。欢迎大家[免费试用][Link 2]！

[Fundebug _ Source Map]: https://blog.fundebug.com/2017/02/27/fundebug-support-sourcemap/
[Link 1]: https://docs.fundebug.com/notifier/javascript/sourcemap/upload/
[Link 2]: https://www.fundebug.com/team/create
[Fundebug]: https://www.fundebug.com/