在Prometheus的控制台上发布一些简单的HTML

2 年 ago

清, 扬

1 minute

Prometheus控制台的功能是什么？

Prometheus具有一个名为Console的功能，可以根据模板发送任意的HTML内容。

在这个控制台中，您可以使用Prometheus中预定义的图形绘制库等工具来提供常见的指标图形化界面。

通常情况下，这种用途通常使用Grafana等工具，但作为简易的替代方案也会有一些有用的情况。

嗯，有关如何正确使用，请参阅上述文件。

本次介绍一种稍微不同的利用方法，用来发挥这个功能。

试着发送一个开发工具链接集。

由于能够提供任意的HTML内容，所以我认为除了图表外，还可以在这里提供一些开发工具的链接集，所以我试着做了一下。

当存在index.html时，navbar上会显示链接。

需要在Prometheus启动时的参数中添加 –web.console.template=<模板目录> 来启用Console功能。

只要在此目录中存在名为index.html的文件，Prometheus的Web UI顶部就会出现一个名为“控制台”的链接。

尝试使用Prometheus库创建一个链接集。

由于想要使用Prometheus库来设计标头等内容，所以我将巧妙地重用它来创建一个链接集合。

<html>
<head>
{{ template "prom_console_head" }}
</head>
<body>

{{ template "navbar" . }}
<div class="prom_console_content">
  <div class="container-fluid">

<h1>運用ツールリンク集</h1>

<li>Alertmanager</li>
<ul>
  <li>
    <a href="あどれす">あどれす</a>
  </li>
</ul>
<li>Grafana</li>
<ul>
  <li>
    <a href="あどれす">あどれす</a>
  </li>

</ul>

</div>
</div>
</body>
</html>

我会准备这样的文件。

在使用Prometheus的控制台功能时，需要通过命令行参数–web.console.libraries来指定库的路径。

我做了一个像那个的东西。

总结

Prometheus的控制台功能非常方便，可以提供简单的图表显示。
另外，还可以传送任意的HTML内容，所以似乎可以传送运维所需的链接集合或类似使用JavaScript的Web应用程序。

鉴于它是一个简易功能，所以在真正使用时，我认为考虑使用Grafana或一个合适的Web服务器会更好。