我的编程空间,编程开发者的网络收藏夹
学习永远不晚

Go 程序运行时数据统计的可视化工具 Statsviz

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

Go 程序运行时数据统计的可视化工具 Statsviz

本文转载自微信公众号「 Go 夜读」,作者 Go 夜读 。转载本文请联系 Go 夜读公众号。

今天跟大家介绍一款实时可视化 Go 程序运行时数据统计的工具 statsviz

https://github.com/arl/statsviz 

它的图形化展现对于我们了解 Go 程序的 GC 行为,以及内存开销等很有用!

使用也很简单:

go get github.com/arl/statsviz

在你的 http.ServeMux 上注册

  1. mux := http.NewServeMux() 
  2. statsviz.Register(mux) 

或者使用默认 http 注册:

  1. statsviz.RegisterDefault() 

如果你的程序不是一个 http 应用程序,那么你可以添加以下代码来启动

  1. go func() { 
  2.     log.Println(http.ListenAndServe("localhost:6060", nil)) 
  3. }() 

这段代码,我相信大家都非常熟悉了吧~

当我们将启动之后,我们可以直接在浏览器中打开:

http://localhost:6060/debug/statsviz/

看起来酷炫高大上,其实主要还是依赖于 Go 为我们提供的 runtime stats

具体我们来看看它的一些代码:

1. websocket handler

  1. // NewWsHandler returns a handler that upgrades the HTTP server connection to the WebSocket 
  2. // protocol and sends application statistics at the given frequency. 
  3. // 
  4. // If the upgrade fails, an HTTP error response is sent to the client. 
  5. func NewWsHandler(frequency time.Duration) http.HandlerFunc { 
  6.  return func(w http.ResponseWriter, r *http.Request) { 
  7.   var upgrader = websocket.Upgrader{ 
  8.    ReadBufferSize:  1024, 
  9.    WriteBufferSize: 1024, 
  10.   } 
  11.  
  12.   ws, err := upgrader.Upgrade(w, r, nil) 
  13.   if err != nil { 
  14.    return 
  15.   } 
  16.   defer ws.Close() 
  17.  
  18.   // Explicitly ignore this error. We don't want to spam standard output 
  19.   // each time the other end of the websocket connection closes. 
  20.   _ = sendStats(ws, frequency) 
  21.  } 

2. sendStats

  1. // sendStats indefinitely send runtime statistics on the websocket connection
  2. func sendStats(conn *websocket.Conn, frequency time.Duration) error { 
  3.  tick := time.NewTicker(frequency) 
  4.  defer tick.Stop() 
  5.  
  6.  var ( 
  7.   stats stats 
  8.   err   error 
  9.  ) 
  10.  for range tick.C { 
  11.   runtime.ReadMemStats(&stats.Mem) 
  12.   stats.NumGoroutine = runtime.NumGoroutine() 
  13.   if err = conn.WriteJSON(stats); err != nil { 
  14.    break 
  15.   } 
  16.  } 
  17.  
  18.  return err 

3. 其实这个项目比较核心的代码是前端 JavaScript 代码:

  1. m.pushData = function (ts, allStats) { 
  2.         data.times.push(ts); // timestamp 
  3.  
  4.         const memStats = allStats.Mem; 
  5.  
  6.         data.gcfraction.push(memStats.GCCPUFraction); 
  7.         data.goroutines.push(allStats.NumGoroutine); 
  8.  
  9.         data.heap[idxHeapAlloc].push(memStats.HeapAlloc); 
  10.         data.heap[idxHeapSys].push(memStats.HeapSys); 
  11.         data.heap[idxHeapIdle].push(memStats.HeapIdle); 
  12.         data.heap[idxHeapInuse].push(memStats.HeapInuse); 
  13.         data.heap[idxHeapNextGC].push(memStats.NextGC); 
  14.  
  15.         data.mspanMCache[idxMSpanMCacheMSpanInUse].push(memStats.MSpanInuse); 
  16.         data.mspanMCache[idxMSpanMCacheMSpanSys].push(memStats.MSpanSys); 
  17.         data.mspanMCache[idxMSpanMSpanMSCacheInUse].push(memStats.MCacheInuse); 
  18.         data.mspanMCache[idxMSpanMSpanMSCacheSys].push(memStats.MCacheSys); 
  19.  
  20.         data.objects[idxObjectsLive].push(memStats.Mallocs - memStats.Frees); 
  21.         data.objects[idxObjectsLookups].push(memStats.Lookups); 
  22.         data.objects[idxObjectsHeap].push(memStats.HeapObjects); 
  23.  
  24.         for (let i = 0; i < memStats.BySize.length; i++) { 
  25.             const size = memStats.BySize[i]; 
  26.             data.bySize[i].push(size.Mallocs - size.Frees); 
  27.         } 
  28.  
  29.         updateLastGC(memStats); 
  30.     } 

渲染效果是通过 https://github.com/arl/statsviz/blob/master/static/plotly-basic.min.js 渲染所得。

Plotly.js 简介:它是一款开源的 JavaScript 图表库,它基于 d3.js 和 stack.gl 。是一个高层次的、描述性的图表库。plotly.js 带来 20 种图表类型,包括 3D 图表,统计图表,和 SVG 地图。

我们来看一个官网示例,很酷炫

我们再来看看 statsviz 在 GitHub 仓库上提供的一些 demo 示意图(方便大家来直观的感受 statsviz):

如果你已经用过它或者有其他可视化工具,欢迎你来评论。

 

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

Go 程序运行时数据统计的可视化工具 Statsviz

下载Word文档到电脑,方便收藏和打印~

下载Word文档

编程热搜

  • Python 学习之路 - Python
    一、安装Python34Windows在Python官网(https://www.python.org/downloads/)下载安装包并安装。Python的默认安装路径是:C:\Python34配置环境变量:【右键计算机】--》【属性】-
    Python 学习之路 - Python
  • chatgpt的中文全称是什么
    chatgpt的中文全称是生成型预训练变换模型。ChatGPT是什么ChatGPT是美国人工智能研究实验室OpenAI开发的一种全新聊天机器人模型,它能够通过学习和理解人类的语言来进行对话,还能根据聊天的上下文进行互动,并协助人类完成一系列
    chatgpt的中文全称是什么
  • C/C++中extern函数使用详解
  • C/C++可变参数的使用
    可变参数的使用方法远远不止以下几种,不过在C,C++中使用可变参数时要小心,在使用printf()等函数时传入的参数个数一定不能比前面的格式化字符串中的’%’符号个数少,否则会产生访问越界,运气不好的话还会导致程序崩溃
    C/C++可变参数的使用
  • css样式文件该放在哪里
  • php中数组下标必须是连续的吗
  • Python 3 教程
    Python 3 教程 Python 的 3.0 版本,常被称为 Python 3000,或简称 Py3k。相对于 Python 的早期版本,这是一个较大的升级。为了不带入过多的累赘,Python 3.0 在设计的时候没有考虑向下兼容。 Python
    Python 3 教程
  • Python pip包管理
    一、前言    在Python中, 安装第三方模块是通过 setuptools 这个工具完成的。 Python有两个封装了 setuptools的包管理工具: easy_install  和  pip , 目前官方推荐使用 pip。    
    Python pip包管理
  • ubuntu如何重新编译内核
  • 改善Java代码之慎用java动态编译

目录