Historique de charge serveur dans une page web

Voici une combinaison s'un script shell, et une page web avec la librairie javascript Dygraphs pour suivre la charge serveur.

Script

Ce script permet de stocker dans un fichier log la date, et la charge serveur moyenne sur 1, 5 et 15 minutes.

Il est à lancer par tâche cron toute les minutes.

#!/bin/bash

TIMESTAMP=`date +"%Y-%m-%d %T"`
#echo $TIMESTAMP

LOAD=`cat /proc/loadavg | awk '{print $1","$2","$3}'`
#echo $LOAD

LINE=$TIMESTAMP","$LOAD
echo $LINE >> /var/www/load.log

Changer le script pour pointer où vous voulez votre fichier log.

Page web

Il vous faut la librairie Dygraph. Ajoutez bien les fichiers dygraphs.min.js et dygraph.css dans le même dossier.

<html>
	<head>
		<script type="text/javascript" src="dygraph.min.js"></script>
		<link rel="stylesheet" src="dygraph.css" />
		<title>Charge serveur</title>
	</head>
	
	<body>

		<h1>Charge serveur : moyenne sur 1/5/15 minutes</h1>

		<h2>J</h2>
		<div id="graphdiv" style="width:95%; height:300px;">J</div>
		<script type="text/javascript">
			g = new Dygraph(document.getElementById("graphdiv"),"load.log",{labels: [ "Date Time", "Average 1 min", "Average 5 min", "Average 15 min" ],legend: 'always',colors: ["grey","red","blue"]});
		</script>

	</body>
</html>

Pensez à pointer vers le bon fichier de log dans le code javascript.