Mike 发表于 2021-7-3 21:47:01

写一个监控平台的思路总结和实践

  这几天一直在研究如何出图,经过几天的思考终于写出了一个简单的运维监控画图的雏形,下面就贴出来与大家分享,因为我的数据量比较小,所以我直接从客户端用脚本收集数据,发送给远程的mysql服务器,mysql服务器上面部署了,django,结合画图工具出图:
  监控拓扑:

  下面给出代码展示:监控连接数:
  1、脚本收集远程入库入库:
# cat test.py
#!/usr/bin/env python
import os
import MySQLdb
def test():
      ip = '192.168.10.100'
      p=os.popen('salt \* cmd.run \'netstat -an|wc -l\'|sed 1d').read()
      p= p.strip('\n')
      conn=MySQLdb.connect(host='192.168.10.205',user='test',passwd='123456',db='yizhan',port=3306)
      cursor=conn.cursor()
      cursor.execute("insert into app01_test(ip,netstat) values(%s,%s)"%(ip,p))
      conn.commit()
      cursor.close()
      conn.close()
      print p ,ip
if __name__=='__main__':
      test()
2、后台处理数据,返回列表形式:
def test(request):
      data1 = []
      data = Test.objects.all()
      for i in data:
                xiaoluo=i.netstat
                data1.append(int(xiaoluo))
                print data1
      return render_to_response('test.html',{'data':data,'data1':data1})
3、前端渲染:
var option = {
    title : {
      text: '服务器并发连接数',
      subtext: '服务器连接数',
    },
    tooltip : {
      trigger: 'axis'
    },
    legend: {
      data:['www.shikee.com']
    },
    toolbox: {
      show : true,
      feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType : {show: true, type: ['line', 'bar']},
            restore : {show: true},
            saveAsImage : {show: true}
      }
    },
    calculable : true,
    xAxis : [
      {
            type : 'category',
            boundaryGap : false,
            data : ['10.01','10.05','10.06','10.7','10.08','10.09','10.10']
      }
    ],
    yAxis : [
      {
            type : 'value',
            axisLabel : {
                formatter: '{value}'
            }
      }
    ],
    series : [
      {
            name:'最高并发',
            type:'line',
            data:`data1`,
            markPoint : {
                data : [
                  {type : 'max', name: '最大值'},
                  {type : 'min', name: '最小值'}
                ]
            },
            markLine : {
                data : [
                  {type : 'average', name: '平均值'}
                ]
            }

      }
    ]
};


      // 为echarts对象加载数据
      myChart.setOption(option);
    </script>

4、效果展示:
  总结:主要我们返回的数据是json.或者是列表的形式,都是很容易画图的,这里还不完整就是我还没有加,时间的数据,大家可以再数据库里面添加一个时间字段,实时读取。
  


  
页: [1]
查看完整版本: 写一个监控平台的思路总结和实践