ubuntu16.04安装使用netdata

最新推荐文章于 2021-08-20 09:46:45 发布

HEUYSGSO

最新推荐文章于 2021-08-20 09:46:45 发布

阅读量486

点赞数

分类专栏：性能监控文章标签： ubuntu

本文链接：https://blog.csdn.net/weixin_44783366/article/details/107504033

版权

性能监控专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文内容

在ubuntu16.04下安装部署netdata性能监控器
给出了如何自定义其监控显示界面及数据显示的方式
搜集了相关文献及参考链接

安装nedata

安装所需依赖项目

#安装依赖包
sudo apt-get install zlib1g-dev uuid-dev libuv1-dev liblz4-dev libjudy-dev libssl-dev libmnl-dev gcc make git autoconf autoconf-archive autogen automake pkg-config curl 

#这个一定要记得安装哦，否则后面会出错的
sudo apt-get install libuv1-dev

#下载netdata源码
git clone https://github.com/netdata/netdata.git --depth=100

#进入源码包目录
cd netdata/

#执行安装脚本
sudo ./netdata-installer.sh

web访问http://localhost:19999/即可看到界面

创建自定义监控界面

原文链接：https://blog.csdn.net/qq_26867967/article/details/106752267

在目录/usr/share/netdata/web下创建也页面custom-dashboard.html

<!DOCTYPE html>
<html lang="en">
<head>
  <title>My custom dashboard</title>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

  <script>
    var netdataTheme = 'slate';
  </script>

  <!-- 添加dashboard.js，这样才能使用NetData的图表 -->
  <script type="text/javascript" src="http://localhost:19999/dashboard.js"></script>

  <style>
    .wrap {
      max-width: 1280px;
      margin: 0 auto;
    }

    h1 {
      margin-bottom: 30px;
      text-align: center;
    }

    .charts {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-around;
    }

    .charts > div {
      margin-bottom: 6rem;
      position: relative;
    }
   </style>

</head>
<body>

  <main class="wrap">

    <h1>My custom dashboard</h1>

    <div class="charts">

      <!-- 添加相关图表格 -->
      <div data-netdata="system.cpu"
           data-after="-300"
           data-height="250px"
           data-width="calc(50% - 2rem)"></div>
      <div data-netdata="apps.cpu"
           data-after="-300"
           data-height="250px"
           data-width="calc(50% - 2rem)"></div>
      <div data-netdata="groups.cpu"
           data-after="-300"
           data-height="250px"
           data-width="calc(50% - 2rem)"></div>
      <div data-netdata="users.cpu"
           data-after="-300"
           data-height="250px"
           data-width="calc(50% - 2rem)"></div>

    </div>

  </main>

</body>
</html>

#修改权限
sudo chown netdata:netdata /usr/share/netdata/web/custom-dashboard.html

访问http://127.0.0.1:19999/custom-dashboard.html

注意以上只是一个参考html。自己也可以进行界面配置。apps.cpu，groups.cpu，users.cpu和system.cpu都是netdata提供的数据接口，在http://localhost:19999/找到自己需要调用的接口，替换上述html文件即可。

参考链接

参考1

HEUYSGSO

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录