从0到1搭建前端格表监控编造 下

时间:2022-05-25 05:55:55来源:od体育网页版 作者:od体育网页版登录

  本来上报便是要将捉拿的统容特地讯息发送到后端。最常用的格式首推进态创修标签阻缩煮格式。由于这种格式无需加载任何通信库,况且页面是无需改善的。基础上目前征求百度统计 Google统计都是基于这个道理做的思专翟埋点。

  通过动态创修一个img,浏览器就会向任职器发送get乞求。可能把你须要上报的毛病数据放正在querystring字符串中,愚弄这种格式就可能将毛病上报到任职器了。

  现实上咱们也可能用ajax的格式上报毛病,这和咱们再交易轨范中并没有什么区别。正在这里就不赘述。

  毛病仓库中包蕴了绝人人半调试相合的讯息。此中征求了特地地点(行号,列号),特地讯息

  将特地数据隶属性中解构出来存入一个JSON对象将JSON对象转换为字符串将字符串转换为Base64

  下一步便是失口误记入日记。竣工的法子可能己方用fs写,也可能借帮log4js云云成熟的日记库。

  当然正在eggjs中是维持咱们定造日记那么我么你就用这性情能定造一个前端毛病日记好了。

  正在webpack的打包时会发作sourcemap文献,这个文献须要上传到特地监控任职器。这性情能咱们试用webpack插件结束。

  琢磨到这性情能须要较多逻辑,咱们预备把他开辟成一个独立的函数而且用Jest来做单位测试

  显示运转铩羽,来历很简便由于咱们还没有竣工对吧。下面咱们就竣工一下这个法子。

  Fundebug潜心于JavaScript、微信幼轨范、微信幼游戏、付出宝幼轨范、React Native、Node.js和Java线上利用及时BUG监控。 自从2016年双十一正式上线,Fundebug累计照料了10亿+毛病事宜,付费客户有阳光保障、荔枝FM、掌门1对1、核桃编程、微脉等繁多品牌企业。迎接免费试用!

  Sentry 是一个开源的及时毛病追踪体例,可能帮帮开辟者及时监控并修复特地题目。它合键潜心于接连集成、提升效果而且提拔用户体验。Sentry 分为任职端和客户端 SDK,前者可能直接行使它家供给的正在线任职,也可能当地自行搭修;后者供给了对多种主流言语和框架的维持,征求 React、Angular、Node、Django、RoR、PHP、Laravel、Android、JAVA 等。同时它可供给了和其他风行任职集成的计划,比如 GitHub、GitLab、bitbuck、heroku、slack、Trello 等。目前公司的项目也都正在渐渐利用上 Sentry 举办毛病日记照料。

  截止到目前为止,咱们把前端特地监控的基础性能算是变成了一个MVP(最幼化可行产物)。后面须要升级的尚有许多,对毛病日记的解析和可视化方面可能行使ELK。颁发和布置可能采用Docker。对eggjs的上传和上报最好要弥补权限限造性能。