Prometheus 与 Grafana 集成

简介

Grafana 是一个可视化仪表盘,它拥有美观的图标和布局展示,功能齐全的仪表盘和图形编辑器,默认支持 CloudWatch、Graphite、Elasticsearch、InfluxDB、Mysql、PostgreSQL、Prometheus、OpenTSDB 等作为数据源。上一篇我们通过Prometheus 自带的 Web UI 展示 Prometheus 抓取的数据,本篇将利用 Grafana 更加直观展示的出来。

安装 Grafana

通过docker容器安装Grafana

docker run -d --name=grafana -p 3000:3000 grafana/grafana

访问 http://localhost:3000/ 账号 admin 密码 admin ,登录后界面如下:

528977-20190701003258355-1773088494.png

添加Prometheus数据源

点击 “Add data soure” 选择 “Prometheus” 出现添加界面:

528977-20190701003447188-1066102633.png

然后填写 Name : prometheus-datasources , URL : prometheus server 地址 , 其他配置缺省即可,然后保存。

配置

创建一个Dashboard

点击 “+” 图标创建一个Dashbaord

528977-20190701003505203-1568694203.png

点击 “保存” 图标保存Dashboard,使用缺省Folder,给Dashboard起名为 “http-simulator”

528977-20190701003519254-1580961167.png

展示请求率

点击 “Add panel” 图标,点击 “Choose Visualization” 选择可视化 图表的类型。

528977-20190701003612063-837252993.png

点击 “Visualization” 选择 “Graph

528977-20190701003621637-136004141.png

调整 “Legend” 显示度量标准查询返回的所有值的 最小值、最大值、平均值、当前值、总计

528977-20190701003648011-1235968273.png

点击 “General” 修改 “Title” 为 “Request Rate” ,

528977-20190701003700142-190054232.png

点击 “Queries” 输入 Prometheus 表达式

sum(rate(http_requests_total{job="http-simulator"}[5m]))

528977-20190701003711299-1476969557.png

可看到已经展示出了请求率变化曲线图,也显示了最小值、最大值、平均值、当前值、总计。

点击右上方的 “保存” 图标,保存对 Dahsboard 的修改。

528977-20190701003724789-1070394811.png

展示实时错误率

为了展示数据明显,把 http-simulator 服务的错误率改到40%

curl -H 'Content-Type: application/json' -X PUT -d '{"error_rate": 1}' http://127.0.0.1:8080/error_rate

有了上面配置经验,这里就不说的太细了。

点击 “Add panel图标” ,添加一个新的 Pannel,点击 “Choose Visualization” 选择可视化 图表的类型,点击 “Singlestat” 图标添加一个 Singlestat,修改 Panel Title 为 Live Error Rate

528977-20190701003737285-663345594.png

点击 “Queries” 输入 Prometheus 表达式

sum(rate(http_requests_total{job="http-simulator", status="500"}[5m])) / sum(rate(http_requests_total{job="http-simulator"}[5m]))

528977-20190701003749961-1660745825.png

调整显示单位unit,设置为None->percent(0.0-1.0),然后调整显示值(目前为平均)为当前值(now):Options->Value->Stat,设置为Current

添加阀值和颜色,在 Coloring 下,选中Value,将Threshold设置为0.01,0.05,表示

  • 绿色:0-1%
  • 橙色:1-5%
  • 红色:>5%

528977-20190701003800924-1021138867.png

添加测量仪效果,在 Gauge 下,选中Show,并将 Max设为 1

528977-20190701003812571-525357173.png

最后别忘了 “Control + S” 或 点击 右上方的 “保存” 图标,保存修改后的Dashbaord。

展示 Top requested 端点

添加一个新的 Pannel,点击 “Choose Visualization” 选择可视化 图表的类型,点击 “Table” 图标添加一个 Table,修改 Panel Title 为 Top requested

点击 “Queries” 输入 Prometheus 表达式

sum(rate(http_requests_total{job="http-simulator"}[5m])) by (endpoint)

528977-20190701003830176-716192814.png

减少表中数据项,选中Instant只显示当前值

528977-20190701003843174-1239848749.png

隐藏Time列,在 Column Sytle 下,Apply to columns named为Time,将Type->Type设置为Hidden

528977-20190701003853937-1409109774.png

将Value列重命名,添加一个Column Style,Apply to columns named设为Value,将Column Header设置为Requests/s

528977-20190701003906767-1439214505.png

点击表中的 Requests/s header,让其中数据根据端点活跃度进行排序。

528977-20190701003920424-372623796.png

保存修改后的Dashbaord。




欢迎扫码或微信搜索公众号《程序员果果》关注我,关注有惊喜~
528977-20190311112108481-2022563516.jpg

转载于:https://www.cnblogs.com/huanchupkblog/p/11111942.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值