β

10分钟打造炫酷的监控大屏

运维军团 554 阅读

1. 情景

相信每个运维团队都有配置自己的监控系统,多数时候监控都是让内部运维人员使用的,但如果我们需要展示部门风采和专业性的时候,最好的营造气氛和逼格的方法就是在部门背景墙或者会议室的大屏幕上展示炫酷的动态可视化监控。

或许哪一天当客户来拜访时,肯定会对部门有更深刻的印象。这并不只是形象工程,但是能把运维部门的形象提升多个档次,更展示专业实力的一面。

既然是监控,那么监控数据少不了,我们常用的监控系统莫过于Zabbix、Cacti、nagios等开源系列。但是真正用到审美角度来评价监控的界面,除了Zabbix还相对好些,其它原配的界面都是走精简风格,比较难拿的得出手。

嗯~~ Zabbix也是不够完美。我们需要一套能定制化的,样式美观大气的监控插件。可以像这样…

或者那样~

2. 选择

既然要自己动手打造定制化的监控系统,那么需要选择一套美观的套件。Grafana是个很好的选择。Grafana是一个开源的数据展示工具, 是一个开箱即用的可视化工具,具有功能齐全的度量仪表盘和图形编辑器,有灵活丰富的图形化选项,可以混合多种风格,支持多个数据源,例如Graphite、InfluxDB、Mysql、Zabbix等等。虽然zabbix监控性能毋庸置疑,但zabbix图形显示过于简单、丑,因此利用zabbix作为数据源,结合Grafana作前端展示再好不过了。

重要的是Grafana的使用也超级简单,安装完成后登陆添加数据源即可,后面的事情就是添加图表等工作了。

3. 动手

3.1 安装Grafana

说了这么多,我们开始进入正题。首先我们先安装好Grafana工具。

使用Yum安装:

# wget https://s3-us-west-2.amazonaws.com/grafana-releases/release/grafana-5.0.3-1.x86_64.rpm  # yum localinstall grafana-5.0.3-1.x86_64.rpm # /sbin/chkconfig --add grafana-server # chkconfig grafana-server on # service grafana-server start

访问测试:

访问 http://127.0.0.1:3000 ,会看到如下高大上的登录界面。一切来得如此简单~

Grafana默认账号、默认密码均为:admin

详细关于Grafana的配置可以阅读官网手册 http://docs.grafana.org/。

3.2 安装Grafana-Zabbix插件

以上已经顺利把Grafana安装上,那么接下来需要开始定制数据和图形。我们采集的数据源是Zabbix,而Grafana已提供了Zabbix插件,只要安装上插件,就可以轻松读取Zabbix的数据。

安装zabbix插件:

# grafana-cli plugins install alexanderzobnin-zabbix-app # service grafana-server restart

或者

# cd /var/lib/grafana/plugins/ # git clone https://github.com/alexanderzobnin/grafana-zabbix-app # service grafana-server restart

启动插件:

登录Grafana,找到Plugins菜单,这时如无例外,可以看到红色的Zabbix大图标了。再点击大图标,进入插件配置页,然后点击“Enable“应用插件即可。

在左边栏中,你可以看到“Z”的图标,点“ Zabbix Server Dashboard“,可以使用默认自带的展示模块。

3.3 使用Grafana-Zabbix

既然是定制,那么我们当然是需要按自己的风格来排版界面。首先在创建界面模板前,需要配置一下数据源,因为后面的所有操作都需要调用数据源产生图形。

配置数据源:

在左边栏中,进入“Data Sources”菜单。点击“+Add data sources”按扭。

提示成功即可。

创建自己的Dashboard:

点开左边栏上的“+”,点击“Dashboard”,可创建新的面板。

这个时候,需要审美感来了。对于定制的面板样式,首先还是需要自己有个初步的排版方案。而我的做法一般是先把哪些需要展示的模块先列出来,然后在白纸上圈圈划划,哪里需要曲线图形、哪里需要柱状图、表格等等,再找同事多给给意见,形成最终的方案!

例如:

配置图形数据:

例如我们配置一个CPU负载的曲线图,在面板上点击“Graph“,添加一个曲线图形,然后就可以给它填充Zabbix数据。

主机、数据集支持正则匹配,如果想同时显示多个维度,使用正则通配即可。

根据不同数据集使用不同单位,一般默认即可。如果不需要显示某个轴标,把前面的勾去掉。

另外还可以设置x轴的显示样式,像Zabbix图形那样,x轴标签可以带上“当前“、“平均“、”最小“、”最大“、”总量“的统计。

个人认为曲线图使用Lines会美观一些,然后Fill设为1,Line Width设为2。或者根据自身审美风格设置。

然后还可以设置标签、警示的样式,例如默认图形的线条颜色,警示线等等。

效果如下:

嗯~~ 基本上还是挺顺手的,设置过程中可以看到上面的图形变化,可自行调试看看效果,设置完成后记得保存就行!

好了,Grafana使用上基本上也就这么简单,完全的模块化和定制化设定。如果美观能力强的,可以做出更高逼格的界面。尝试把你的老监控丢进垃圾桶,去部署一套Grafana吧,你一定会喜欢上它的!

4. 成果示范

最后看看一些形象工程的示范~

是不是无限高大上?

END
作者:运维军团
运维技术与开源架构交流
原文地址:10分钟打造炫酷的监控大屏, 感谢原作者分享。

发表评论