Michael Stapelberg
363 lines
30 KiB
HTML
363 lines
30 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en-us" dir="ltr" itemscope itemtype="http://schema.org/Article" data-r-output-format="html">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
|
||
<meta name="generator" content="Hugo 0.161.1">
|
||
<meta name="generator" content="Relearn 8.2.0+220806ce3ced8264fbdd693f77f28216a8a1b6ae">
|
||
<meta name="description" content="Prometheus is monitoring system and time series database.
|
||
Note: In the following we will assume that your instance is called hello (default) as well as that the hostname is hello as well.
|
||
Installing the Prometheus Node Exporter If all you want to do is monitor your gokrazy installation, just add the Prometheus node exporter:
|
||
gok add github.com/prometheus/node_exporter Installing the Prometheus Time Series Database To install the prometheus monitoring system, add the prometheus program to your gokrazy instance:">
|
||
<meta name="author" content="">
|
||
<meta name="twitter:card" content="summary">
|
||
<meta name="twitter:title" content="Prometheus :: gokrazy">
|
||
<meta name="twitter:description" content="Prometheus is monitoring system and time series database.
|
||
Note: In the following we will assume that your instance is called hello (default) as well as that the hostname is hello as well.
|
||
Installing the Prometheus Node Exporter If all you want to do is monitor your gokrazy installation, just add the Prometheus node exporter:
|
||
gok add github.com/prometheus/node_exporter Installing the Prometheus Time Series Database To install the prometheus monitoring system, add the prometheus program to your gokrazy instance:">
|
||
<meta property="og:url" content="https://gokrazy.org/packages/prometheus/index.html">
|
||
<meta property="og:site_name" content="gokrazy">
|
||
<meta property="og:title" content="Prometheus :: gokrazy">
|
||
<meta property="og:description" content="Prometheus is monitoring system and time series database.
|
||
Note: In the following we will assume that your instance is called hello (default) as well as that the hostname is hello as well.
|
||
Installing the Prometheus Node Exporter If all you want to do is monitor your gokrazy installation, just add the Prometheus node exporter:
|
||
gok add github.com/prometheus/node_exporter Installing the Prometheus Time Series Database To install the prometheus monitoring system, add the prometheus program to your gokrazy instance:">
|
||
<meta property="og:locale" content="en_us">
|
||
<meta property="og:type" content="article">
|
||
<meta property="article:section" content="Available packages">
|
||
<meta itemprop="name" content="Prometheus :: gokrazy">
|
||
<meta itemprop="description" content="Prometheus is monitoring system and time series database.
|
||
Note: In the following we will assume that your instance is called hello (default) as well as that the hostname is hello as well.
|
||
Installing the Prometheus Node Exporter If all you want to do is monitor your gokrazy installation, just add the Prometheus node exporter:
|
||
gok add github.com/prometheus/node_exporter Installing the Prometheus Time Series Database To install the prometheus monitoring system, add the prometheus program to your gokrazy instance:">
|
||
<meta itemprop="wordCount" content="489">
|
||
<title>Prometheus :: gokrazy</title>
|
||
<link href="/images/favicon.png?1782408721" rel="icon" type="image/png">
|
||
<link href="/css/auto-complete/auto-complete.min.css?1782408721" rel="stylesheet">
|
||
<script src="/js/auto-complete/auto-complete.min.js?1782408721" defer></script>
|
||
<script src="/js/search-lunr.min.js?1782408721" defer></script>
|
||
<script src="/js/search.min.js?1782408721" defer></script>
|
||
<script>
|
||
window.relearn = window.relearn || {};
|
||
window.relearn.index_js_url="/searchindex.en.js?1782408721";
|
||
</script>
|
||
<script src="/js/lunr/lunr.min.js?1782408721" defer></script>
|
||
<script src="/js/lunr/lunr.stemmer.support.min.js?1782408721" defer></script>
|
||
<script src="/js/lunr/lunr.multi.min.js?1782408721" defer></script>
|
||
<script src="/js/lunr/lunr.en.min.js?1782408721" defer></script>
|
||
<script>
|
||
window.relearn = window.relearn || {};
|
||
window.relearn.contentLangs=['en'];
|
||
</script>
|
||
<link href="/fonts/fontawesome/css/fontawesome-all.min.css?1782408721" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/fonts/fontawesome/css/fontawesome-all.min.css?1782408721" rel="stylesheet"></noscript>
|
||
<link href="/css/perfect-scrollbar/perfect-scrollbar.min.css?1782408721" rel="stylesheet">
|
||
<link href="/css/theme.min.css?1782408721" rel="stylesheet">
|
||
<link href="/css/format-html.min.css?1782408721" rel="stylesheet" id="R-format-style">
|
||
<script>
|
||
window.relearn = window.relearn || {};
|
||
// configuration
|
||
window.relearn.min = `.min`;
|
||
window.relearn.path='\/packages\/prometheus\/index.html';
|
||
window.relearn.relBasePath='..\/..';
|
||
window.relearn.relBaseUri='..\/..';
|
||
window.relearn.absBaseUri='https:\/\/gokrazy.org';
|
||
window.relearn.disableInlineCopyToClipboard=true;
|
||
window.relearn.enableBlockCodeWrap=true;
|
||
// legal
|
||
window.relearn.getItem = (s,n) => {return s.getItem(n)};
|
||
window.relearn.setItem = (s,n,v) => {return s.setItem(n,v)};
|
||
window.relearn.removeItem = (s,n) => {return s.removeItem(n)};
|
||
// translations
|
||
window.T_Copy_to_clipboard = `Copy text to clipboard`;
|
||
window.T_Copied_to_clipboard = `Text copied to clipboard!`;
|
||
window.T_Link_copied_to_clipboard = `Link copied to clipboard!`;
|
||
window.T_Reset_view = `Reset view`;
|
||
window.T_View_reset = `View reset!`;
|
||
window.T_No_results_found = `No results found for "{0}"`;
|
||
window.T_N_results_found = `{1} results found for "{0}"`;
|
||
window.T_Browser_unsupported_feature = `This browser doesn't support this feature`;
|
||
// variant stuff
|
||
window.relearn.themevariants = [ 'auto' ];
|
||
window.relearn.customvariantname = "my-custom-variant";
|
||
window.relearn.changeVariant = function(variant) {
|
||
var oldVariant = document.documentElement.dataset.rThemeVariant;
|
||
window.relearn.setItem(window.localStorage, window.relearn.absBaseUri + "/variant", variant);
|
||
document.documentElement.dataset.rThemeVariant = variant;
|
||
if (oldVariant != variant) {
|
||
document.dispatchEvent( new CustomEvent('themeVariantLoaded', { detail: { variant, oldVariant } }) );
|
||
window.relearn.markVariant();
|
||
}
|
||
}
|
||
window.relearn.markVariant = function() {
|
||
var variant = window.relearn.getItem(window.localStorage, window.relearn.absBaseUri + "/variant");
|
||
document.querySelectorAll(".R-variantswitcher select").forEach((select) => {select.value = variant;});
|
||
}
|
||
window.relearn.initVariant = function() {
|
||
var variant = window.relearn.getItem(window.localStorage, window.relearn.absBaseUri + "/variant") ?? "";
|
||
if( variant == window.relearn.customvariantname ){
|
||
}else if( !variant || !window.relearn.themevariants.includes(variant) ){
|
||
variant = window.relearn.themevariants[0];
|
||
window.relearn.setItem(window.localStorage, window.relearn.absBaseUri + "/variant", variant);
|
||
}
|
||
document.documentElement.dataset.rThemeVariant = variant;
|
||
}
|
||
window.relearn.initVariant();
|
||
window.relearn.markVariant();
|
||
</script>
|
||
</head>
|
||
<body class="mobile-support html" data-url="/packages/prometheus/index.html">
|
||
<div id="R-body" class="default-animation">
|
||
<div id="R-body-overlay"></div>
|
||
<nav id="R-topbar">
|
||
<div class="topbar-wrapper">
|
||
<div class="topbar-sidebar-divider"></div>
|
||
<div class="topbar-area topbar-area-start" data-area="start">
|
||
<div class="topbar-button topbar-button-sidebar" data-content-empty="disable" data-width-s="show" data-width-m="hide" data-width-l="hide">
|
||
<span class="btn cstyle button link noborder notitle interactive"><button onclick="toggleNav()" type="button" title="Menu (CTRL+ALT+n)"><i class="fa-fw fas fa-bars"></i></button></span>
|
||
</div>
|
||
<div class="topbar-button topbar-button-toc" data-content-empty="hide" data-width-s="show" data-width-m="show" data-width-l="show">
|
||
<span class="btn cstyle button link noborder notitle interactive"><button onclick="toggleTopbarFlyout(this)" type="button" title="Table of Contents (CTRL+ALT+t)"><i class="fa-fw fas fa-list-alt"></i></button></span>
|
||
<div class="topbar-content">
|
||
<div class="topbar-content-wrapper">
|
||
<nav class="TableOfContents">
|
||
<ul>
|
||
<li><a href="#installing-the-prometheus-node-exporter">Installing the Prometheus Node Exporter</a></li>
|
||
<li><a href="#installing-the-prometheus-time-series-database">Installing the Prometheus Time Series Database</a>
|
||
<ul>
|
||
<li><a href="#option-a-build-web-assets">Option A: Build Web Assets</a></li>
|
||
<li><a href="#option-b-download-web-assets">Option B: Download Web Assets</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<ol class="topbar-breadcrumbs breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList"><li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement" class=""><a itemprop="item" href="/index.html"><span itemprop="name">gokrazy Go appliances</span></a><meta itemprop="position" content="1"> > </li><li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement" class=""><a itemprop="item" href="/packages/index.html"><span itemprop="name">Available packages</span></a><meta itemprop="position" content="2"> > </li><li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement" class=""><span itemprop="name">Prometheus</span><meta itemprop="position" content="3"></li>
|
||
</ol>
|
||
<div class="topbar-area topbar-area-end" data-area="end">
|
||
<div class="topbar-button topbar-button-edit" data-content-empty="disable" data-width-s="area-more" data-width-m="show" data-width-l="show">
|
||
<span class="btn cstyle button link noborder notitle interactive"><a href="https://github.com/gokrazy/gokrazy/tree/master/website/content/packages/prometheus.md" rel="external" title="Edit (CTRL+ALT+w)"><i class="fa-fw fas fa-pen"></i></a></span>
|
||
</div>
|
||
<div class="topbar-button topbar-button-more" data-content-empty="hide" data-width-s="show" data-width-m="show" data-width-l="show">
|
||
<span class="btn cstyle button link noborder notitle interactive"><button onclick="toggleTopbarFlyout(this)" type="button" title="More"><i class="fa-fw fas fa-ellipsis-v"></i></button></span>
|
||
<div class="topbar-content">
|
||
<div class="topbar-content-wrapper">
|
||
<div class="topbar-area topbar-area-more" data-area="more">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<div id="R-main-overlay"></div>
|
||
<main id="R-body-inner" class="highlightable packages" tabindex="-1">
|
||
<div class="flex-block-wrapper">
|
||
<article class="default">
|
||
<header class="headline">
|
||
</header>
|
||
|
||
<h1 id="prometheus">Prometheus</h1>
|
||
|
||
<p><a href="https://github.com/prometheus/prometheus" rel="external">Prometheus</a> is monitoring system and
|
||
time series database.</p>
|
||
<p><strong>Note</strong>: In the following we will assume that your instance is called <code>hello</code>
|
||
(default) as well as that the hostname is <code>hello</code> as well.</p>
|
||
<h2 id="installing-the-prometheus-node-exporter">Installing the Prometheus Node Exporter<span class="btn cstyle anchor copyanchor scrollanchor link noborder notitle interactive"><button type="button" title="Copy link to clipboard"><i class="fa-fw fas fa-link fa-lg"></i></button></span></h2>
|
||
<p>If all you want to do is monitor your gokrazy installation, just add the
|
||
Prometheus <a href="https://github.com/prometheus/node_exporter" rel="external">node exporter</a>:</p>
|
||
<div class="highlight actionbar-wrapper wrap-code" dir="auto"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>gok add github.com/prometheus/node_exporter</span></span></code></pre></div>
|
||
<h2 id="installing-the-prometheus-time-series-database">Installing the Prometheus Time Series Database<span class="btn cstyle anchor copyanchor scrollanchor link noborder notitle interactive"><button type="button" title="Copy link to clipboard"><i class="fa-fw fas fa-link fa-lg"></i></button></span></h2>
|
||
<p>To install the prometheus monitoring system, add the <code>prometheus</code> program to
|
||
your gokrazy instance:</p>
|
||
<div class="highlight actionbar-wrapper wrap-code" dir="auto"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>gok add github.com/prometheus/prometheus/cmd/prometheus</span></span></code></pre></div>
|
||
<p>We need a valid prometheus config for prometheus to start successfully. Start
|
||
with the <a href="https://github.com/prometheus/prometheus/blob/main/documentation/examples/prometheus.yml" rel="external">default <code>prometheus.yml</code> from the prometheus
|
||
repository</a>.
|
||
Save it to your gokrazy instance directory, e.g.
|
||
<code>~/gokrazy/hello/prometheus.yml</code>.</p>
|
||
<p>Open your instance’s config.json in your editor:</p>
|
||
<div class="highlight actionbar-wrapper wrap-code" dir="auto"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>gok edit</span></span></code></pre></div>
|
||
<p>To use the prometheus config file, we need to do two things in the gokrazy
|
||
config:</p>
|
||
<ol>
|
||
<li>Copy over the <code>prometheus.yml</code> with <a href="/userguide/package-config/index.html#extrafiles">Package config: Extra
|
||
files</a></li>
|
||
<li>Add <a href="/userguide/package-config/index.html#flags">Package config: Command-line flags</a></li>
|
||
<li>We also add <code>WaitForClock</code> to get accurate timestamps for our timeseries data</li>
|
||
</ol>
|
||
<p>Your config should look something like this:</p>
|
||
<div class="highlight actionbar-wrapper wrap-code" dir="auto"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;display:grid;"><code class="language-json" data-lang="json"><span style="display:flex;"><span>{
|
||
</span></span><span style="display:flex;"><span> <span style="color:#f92672">"Hostname"</span>: <span style="color:#e6db74">"hello"</span>,
|
||
</span></span><span style="display:flex;"><span> <span style="color:#f92672">"Packages"</span>: [
|
||
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">"github.com/gokrazy/fbstatus"</span>,
|
||
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">"github.com/gokrazy/hello"</span>,
|
||
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">"github.com/gokrazy/serial-busybox"</span>,
|
||
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">"github.com/gokrazy/breakglass"</span>,
|
||
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">"github.com/prometheus/prometheus"</span>
|
||
</span></span><span style="display:flex;"><span> ],
|
||
</span></span><span style="display:flex;"><span> <span style="color:#f92672">"PackageConfig"</span>: {
|
||
</span></span><span style="display:flex; background-color:#3c3d38"><span> <span style="color:#f92672">"github.com/prometheus/prometheus"</span>: {
|
||
</span></span><span style="display:flex; background-color:#3c3d38"><span> <span style="color:#f92672">"CommandLineFlags"</span>: [
|
||
</span></span><span style="display:flex; background-color:#3c3d38"><span> <span style="color:#e6db74">"--config.file=/etc/prometheus/prometheus.yml"</span>
|
||
</span></span><span style="display:flex; background-color:#3c3d38"><span> ],
|
||
</span></span><span style="display:flex; background-color:#3c3d38"><span> <span style="color:#f92672">"WaitForClock"</span>: <span style="color:#66d9ef">true</span>,
|
||
</span></span><span style="display:flex; background-color:#3c3d38"><span> <span style="color:#f92672">"ExtraFilePaths"</span>: {
|
||
</span></span><span style="display:flex; background-color:#3c3d38"><span> <span style="color:#f92672">"/etc/prometheus/prometheus.yml"</span>: <span style="color:#e6db74">"prometheus.yml"</span>
|
||
</span></span><span style="display:flex; background-color:#3c3d38"><span> }
|
||
</span></span><span style="display:flex; background-color:#3c3d38"><span> }
|
||
</span></span><span style="display:flex;"><span> }
|
||
</span></span><span style="display:flex;"><span>}</span></span></code></pre></div>
|
||
|
||
<p>Then, deploy as usual:</p>
|
||
<div class="highlight actionbar-wrapper wrap-code" dir="auto"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>gok update</span></span></code></pre></div>
|
||
<p>In theory, this is enough to deploy prometheus, but unfortunately we are missing
|
||
the web assets for the web UI which are not included in our build of prometheus.</p>
|
||
<p>You can use prometheus as is, if you never want to go to the web UI on
|
||
<code>hello:9090</code>. If you visit the web UI anyway, you will get this (or a similar)
|
||
error:</p>
|
||
<div class="highlight actionbar-wrapper wrap-code" dir="auto"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-text" data-lang="text"><span style="display:flex;"><span>Error opening React index.html: open web/ui/static/react/index.html: no such file or directory</span></span></code></pre></div>
|
||
<p>To get the web UI to work, we first need the missing files. You have two
|
||
options:</p>
|
||
<h3 id="option-a-build-web-assets">Option A: Build Web Assets<span class="btn cstyle anchor copyanchor scrollanchor link noborder notitle interactive"><button type="button" title="Copy link to clipboard"><i class="fa-fw fas fa-link fa-lg"></i></button></span></h3>
|
||
<p>Follow <a href="https://github.com/prometheus/prometheus?tab=readme-ov-file#building-from-source" rel="external">Prometheus → Building from
|
||
source</a>,
|
||
meaning:</p>
|
||
<div class="highlight actionbar-wrapper wrap-code" dir="auto"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>git clone https://github.com/prometheus/prometheus
|
||
</span></span><span style="display:flex;"><span>cd prometheus
|
||
</span></span><span style="display:flex;"><span>make assets-compress</span></span></code></pre></div>
|
||
<p>Instruct gokrazy to use this build of Prometheus:</p>
|
||
<div class="highlight actionbar-wrapper wrap-code" dir="auto"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>gok -i hello add .</span></span></code></pre></div>
|
||
<p>Configure gokrazy to build Prometheus with the <code>builtinassets</code> <a href="/userguide/instance-config/index.html#packagegobuildtags">Go build
|
||
tag</a>:</p>
|
||
<div class="highlight actionbar-wrapper wrap-code" dir="auto"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;display:grid;"><code class="language-json" data-lang="json"><span style="display:flex;"><span>{
|
||
</span></span><span style="display:flex;"><span> <span style="color:#f92672">"Hostname"</span>: <span style="color:#e6db74">"hello"</span>,
|
||
</span></span><span style="display:flex;"><span> <span style="color:#f92672">"Packages"</span>: [
|
||
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">"github.com/gokrazy/fbstatus"</span>,
|
||
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">"github.com/gokrazy/hello"</span>,
|
||
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">"github.com/gokrazy/serial-busybox"</span>,
|
||
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">"github.com/gokrazy/breakglass"</span>,
|
||
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">"github.com/prometheus/prometheus"</span>
|
||
</span></span><span style="display:flex;"><span> ],
|
||
</span></span><span style="display:flex;"><span> <span style="color:#f92672">"PackageConfig"</span>: {
|
||
</span></span><span style="display:flex; background-color:#3c3d38"><span> <span style="color:#f92672">"github.com/prometheus/prometheus"</span>: {
|
||
</span></span><span style="display:flex; background-color:#3c3d38"><span> <span style="color:#f92672">"GoBuildTags"</span>: [
|
||
</span></span><span style="display:flex; background-color:#3c3d38"><span> <span style="color:#e6db74">"builtinassets"</span>
|
||
</span></span><span style="display:flex; background-color:#3c3d38"><span> ],
|
||
</span></span><span style="display:flex;"><span> <span style="color:#f92672">"CommandLineFlags"</span>: [
|
||
</span></span><span style="display:flex;"><span> <span style="color:#e6db74">"--config.file=/etc/prometheus/prometheus.yml"</span>
|
||
</span></span><span style="display:flex;"><span> ],
|
||
</span></span><span style="display:flex;"><span> <span style="color:#f92672">"WaitForClock"</span>: <span style="color:#66d9ef">true</span>,
|
||
</span></span><span style="display:flex;"><span> <span style="color:#f92672">"ExtraFilePaths"</span>: {
|
||
</span></span><span style="display:flex;"><span> <span style="color:#f92672">"/etc/prometheus/prometheus.yml"</span>: <span style="color:#e6db74">"prometheus.yml"</span>
|
||
</span></span><span style="display:flex;"><span> }
|
||
</span></span><span style="display:flex;"><span> }
|
||
</span></span><span style="display:flex;"><span> }
|
||
</span></span><span style="display:flex;"><span>}</span></span></code></pre></div>
|
||
|
||
<p>To update Prometheus, you’ll need to update your Prometheus dir instead of using
|
||
<code>gok get</code>:</p>
|
||
<div class="highlight actionbar-wrapper wrap-code" dir="auto"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>git pull <span style="color:#f92672">&&</span> make assets-compress</span></span></code></pre></div>
|
||
<h3 id="option-b-download-web-assets">Option B: Download Web Assets<span class="btn cstyle anchor copyanchor scrollanchor link noborder notitle interactive"><button type="button" title="Copy link to clipboard"><i class="fa-fw fas fa-link fa-lg"></i></button></span></h3>
|
||
<p>The web assets are released with every prometheus release and you need to update
|
||
them by hand with every new version.</p>
|
||
<ol>
|
||
<li>Go to <a href="https://github.com/prometheus/prometheus/releases" rel="external">https://github.com/prometheus/prometheus/releases</a></li>
|
||
<li>Expand the section “Assets” for the lastest release</li>
|
||
<li>Download <code>prometheus-web-ui-VERSION.tar.gz</code> with <code>VERSION</code> being something
|
||
like <code>2.46.0</code>
|
||
(example url for version 2.46.0:
|
||
<a href="https://github.com/prometheus/prometheus/releases/download/v2.46.0/prometheus-web-ui-2.46.0.tar.gz" rel="external">https://github.com/prometheus/prometheus/releases/download/v2.46.0/prometheus-web-ui-2.46.0.tar.gz</a>)</li>
|
||
<li>Extract the archive file: <code>tar xf prometheus-web-ui-2.46.0.tar.gz</code></li>
|
||
<li>Enable <a href="https://github.com/gokrazy/breakglass" rel="external">breakglass</a> via gokrazy web</li>
|
||
<li>Create the right folder on your device:
|
||
<code>ssh hello mkdir -p /perm/home/prometheus/web/ui</code></li>
|
||
<li>Copy over the <code>static/</code> directory you exctracted from the tar file:
|
||
<code>scp -r static/ hello:/perm/home/prometheus/web/ui</code></li>
|
||
<li>Go to <code>hello:9090</code> to check if the web UI is working</li>
|
||
</ol>
|
||
|
||
<footer class="footline">
|
||
</footer>
|
||
</article>
|
||
</div>
|
||
</main>
|
||
</div>
|
||
<aside id="R-sidebar" class="default-animation">
|
||
<div id="R-header-topbar" class="default-animation"></div>
|
||
<div id="R-header-wrapper" class="default-animation">
|
||
<div id="R-header" class="default-animation">
|
||
<img src="/logo.svg" width="100%" alt="gokrazy logo" title="gokrazy logo">
|
||
|
||
</div>
|
||
<search><form action="/search/index.html" method="get">
|
||
<div class="searchbox default-animation">
|
||
<button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
|
||
<label class="a11y-only" for="R-search-by">Search</label>
|
||
<input data-search-input id="R-search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
|
||
<button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
|
||
</div>
|
||
</form></search>
|
||
</div>
|
||
<div id="R-homelinks" class="default-animation homelinks">
|
||
<div class="R-menu-divider default-animation">
|
||
<hr class="padding">
|
||
</div>
|
||
<div class="R-sidebarmenu R-shortcutmenu-homelinks">
|
||
<ul class="space collapsible-menu">
|
||
<li class="" data-nav-url="/index.html"><a class="padding" href="/index.html"><i class="fa-fw fas fa-home"></i> Home</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="R-menu-divider default-animation">
|
||
<hr class="padding">
|
||
</div>
|
||
<div class="R-sidebarmenu R-shortcutmenu-headercontrols">
|
||
<ul class="">
|
||
</ul>
|
||
</div>
|
||
<div class="R-menu-divider default-animation">
|
||
<hr class="padding">
|
||
</div>
|
||
</div>
|
||
<div id="R-content-wrapper" class="highlightable">
|
||
<div class="R-sidebarmenu R-shortcutmenu-main">
|
||
<ul class="enlarge morespace collapsible-menu">
|
||
<li class="" data-nav-url="/quickstart/index.html"><a class="padding" href="/quickstart/index.html"><b>1. </b>Quickstart</a></li>
|
||
<li class="" data-nav-url="/platforms/index.html"><a class="padding" href="/platforms/index.html"><b>2. </b>Supported platforms</a></li>
|
||
<li class="" data-nav-url="/userguide/index.html"><a class="padding" href="/userguide/index.html"><b>3. </b>Configuration</a><ul id="R-subsections-74b4df3a3d9365853f09e9f1dfe7bbba" class="collapsible-menu"></ul></li>
|
||
<li class="parent " data-nav-url="/packages/index.html"><a class="padding" href="/packages/index.html"><b>4. </b>Available packages</a><ul id="R-subsections-bdf1e8ce92aa8ff6883c617f10480430" class="collapsible-menu">
|
||
<li class="" data-nav-url="/packages/showcase/index.html"><a class="padding" href="/packages/showcase/index.html">Showcase</a></li>
|
||
<li class="" data-nav-url="/packages/tailscale/index.html"><a class="padding" href="/packages/tailscale/index.html">Tailscale VPN</a></li>
|
||
<li class="" data-nav-url="/packages/caddy-http-server/index.html"><a class="padding" href="/packages/caddy-http-server/index.html">Caddy HTTP server</a></li>
|
||
<li class="" data-nav-url="/packages/minio/index.html"><a class="padding" href="/packages/minio/index.html">MinIO object storage</a></li>
|
||
<li class="" data-nav-url="/packages/docker-containers/index.html"><a class="padding" href="/packages/docker-containers/index.html">Docker containers</a></li>
|
||
<li class="active " data-nav-url="/packages/prometheus/index.html"><a class="padding" href="/packages/prometheus/index.html">Prometheus</a></li></ul></li>
|
||
<li class="" data-nav-url="/development/index.html"><a class="padding" href="/development/index.html"><b>5. </b>Package development</a><ul id="R-subsections-54b0ce3c97b111c8cd4d107325fd580c" class="collapsible-menu"></ul></li>
|
||
</ul>
|
||
</div>
|
||
<div class="R-sidebarmenu R-shortcutmenu-shortcuts">
|
||
<div class="nav-title padding">More</div>
|
||
<ul class="space collapsible-menu">
|
||
<li class="" data-nav-url="https://github.com/gokrazy/gokrazy"><a class="padding" href="https://github.com/gokrazy/gokrazy" rel="external"><i class='fab fa-github'></i> GitHub repo</a></li>
|
||
</ul>
|
||
</div>
|
||
<div id="R-footer-margin"></div>
|
||
<div class="R-menu-divider default-animation">
|
||
<hr class="padding">
|
||
</div>
|
||
<div class="R-sidebarmenu R-shortcutmenu-footercontrols">
|
||
<ul class="">
|
||
</ul>
|
||
</div>
|
||
<div id="R-footer"><p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p></div>
|
||
</div>
|
||
</aside>
|
||
<script src="/js/perfect-scrollbar/perfect-scrollbar.min.js?1782408721" defer></script>
|
||
<script src="/js/theme.min.js?1782408721" defer></script>
|
||
<div id="toast-container" role="status" aria-live="polite" aria-atomic="false"></div>
|
||
</body>
|
||
</html>
|