使用Fundebug API 批量上传Source Map
摘要: 通过代码批量上传 Source Map,实现流程自动化!
Fundebug 支持使用 Source Map 还原真正的错误位置。这样的话,开发者能够迅速定位出错的源代码。另外,Fundebug 还能够展示出错的代码块,帮助开发者更快地解决问题。
Fundebug 支持哪些 Source Map 上传方式?
如果希望使用 Source Map 功能的话,我们必须拿到 Source Map 文件。用户可以将 Source Map 文件挂载到自己的服务器,我们会自动下载;或者,用户也可以主动上传 Source Map。我们一共提供了 3 种不同的上传方式:
- 前端 UI 上传
- fundebug-cli 批量上传
- API 上传
前面两种方式都比较直观,文档中有详细的说明。接下里介绍如何通过代码调用 API 实现 Source Map 批量上传。
如何批量上传 Source Map?
Fundebug 支持通过POST
请求上传 Source Map,接口为/javascript/sourcemap/upload
, 参数包括
-
apikey
: 获取 apikey 需要免费注册帐号并且创建项目。 -
appversion
: 可选参数,用于配置应用版本。若希望区分不同版本的 Source Map,则在接入 Fundebug 时,必须配置对应的 appversion 属性,并在代码更新时及时更新。 -
sourceMap
:Source Map 文件信息,具体内容请参考下方示例代码。
下面给出 Node.js 版本的代码供参考,
const request = require("request-promise"); const fs = require("fs"); const options = { method: "POST", uri: "https://fundebug.com/javascript/sourcemap/upload", formData: { apikey: "YOUR-API-KEY", appversion: "1.0.0", sourceMap: { value: fs.createReadStream("./data/app.6c20067a.js.map"), options: { filename: "app.6c20067a.js.map", contentType: "text" } } } }; request(options) .then(function(success) { console.log("success:", success); }) .catch(function(err) { console.log("fail:", err); });
如何清除已上传 Source Map?
如果上传的 Source Map 太多,希望将旧的 Source Map 文件删掉,我们也提供了相应的接口: /javascript/sourcemap/clear
。示例代码如下:
const request = require("request-promise"); const fs = require("fs"); const options = { method: "POST", uri: "https://fundebug.com/javascript/sourcemap/clear", body: { apikey: "YOUR-API-KEY" }, json: true }; request(options) .then(function(success) { console.log("success:", success); }) .catch(function(err) { console.log("fail:", err); });
感谢客户大大风变科技的反馈!
关于Fundebug
Fundebug专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java线上应用实时BUG监控。 自从2016年双十一正式上线,Fundebug累计处理了30亿+错误事件,付费客户有阳光保险、达令家、核桃编程、荔枝FM、微脉等众多品牌企业。
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
前端科普系列(1):前端简史
本文首发于 vivo互联网技术 微信公众号 链接: https://mp.weixin.qq.com/s/VRSl5_yn5BZcqtRxWkXU-Q 作者:孔垂亮 一、什么是前端 回答这个问题之前,我想起了一道非常经典的前端面试题:“从输入URL到页面呈现在你面前到底发生了什么?”这个题目可以回答的很简单,但仔细思考,也可以回答的很深,这个过程涉及的东西很多。先看一张图: 简单说就是 DNS (Domain Name System) 解析 TCP (Transmission Control Protocol) 链接 HTTP (HyperText Transfer Protocol) 请求 HTTP 响应 HTML解析 & CSS渲染 JS 解析执行 为什么提这个呢,因为这是一整个web服务生命周期的全过程,而在最早的时候是根本没有前端或者后端的概念的。当时就是用 Dreamweaver 写 html 静态页面,然后部署到一台电脑的 IIS (Internet Information Services) 上。当请求这个页面时,返回这个 html 文件。 再后面一点,服务端变得...
- 下一篇
go mod 错误"malformed module path"新发现
当项目出现"malformed module path ......: missing dot in first path element"错误时,网上说的解决办法有两种: 修改go.mod,添加replace 如果使用goland这个ide,修改配置 但是还有一种状况,用以上的方式都不能解决. 假设项目的目录结构如下: demo/main.go demo/a/1.go demo/b/c/2.go 强调一下,这时候/demo/b下,没有文件 也就是说,没有 package b如果这时候,在main.go或者1.go里,import "package demo/b/c"的话,就会出现"malformed module path"错误. 如果项目目录是如下: demo/main.go demo/a/1.go demo/b/3.go // 这里增加了一个文件 demo/b/c/2.go 这个时候,肯定就已经有package b了. 你会发现"malformed module path"错误没有了.
相关文章
文章评论
共有0条评论来说两句吧...