Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<?php
// CONFIG
$servers = array(
array('Local', '127.0.0.1', 6379),
);
// END CONFIG
$server = 0;
if (isset($_GET['s']) && intval($_GET['s']) < count($servers)) {
$server = intval($_GET['s']);
}
$fp = fsockopen($servers[$server][1], $servers[$server][2], $errno, $errstr, 30);
$data = array();
if (!$fp) {
die($errstr);
} else {
fwrite($fp, "INFO\r\nQUIT\r\n");
while (!feof($fp)) {
$info = explode(':', trim(fgets($fp)), 2);
if (isset($info[1])) $data[$info[0]] = $info[1];
}
fclose($fp);
}
function time_elapsed($secs){
$bit = array(
' year' => $secs / 31556926 % 12,
' week' => $secs / 604800 % 52,
' day' => $secs / 86400 % 7,
' hour' => $secs / 3600 % 24,
' minute' => $secs / 60 % 60,
' second' => $secs % 60,
);
foreach ($bit as $k => $v){
if($v > 1) $ret[] = $v . $k . 's';
if($v == 1) $ret[] = $v . $k;
}
array_splice($ret, count($ret) - 1, 0, 'and');
return implode(' ', $ret);
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Redis Stats</title>
<style type="text/css">
html {
font-size: 16px;
line-height: 1.4;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;
color: #333;
margin:0;
}
h1 {
background: #8892BF;
border-bottom: 4px solid #4F5B93;
padding: 0.25em;
margin-top:0;
color: #22242F;
}
form {
margin: 1em 0;
}
.wrapper {
text-align:center;
}
.grid {
font-size: 0;
}
.box {
font-size: 1rem;
vertical-align: top;
background-color: #E6E6E6;
text-align: center;
margin: 6px;
display: inline-block;
border: 1px solid #ccc;
border-top: 0;
}
.col {
width: 224px;
display: inline-block;
}
.col2 {
width: 460px;
display: inline-block;
}
.col2 .col {
vertical-align: middle;
}
.col > * {
padding: 0 4px 4px;
}
.box h2 {
margin:0 0 0.5em;
padding: 0.25em;
font-size: 1.15em;
background: #E2E4EF;
border-top: 2px solid #4F5B93;
border-bottom: 1px solid #C4C9DF;
}
.key {
font-weight: bold;
font-size: 42px;
}
.details { margin 1em 0; }
.detail {
text-align: left;
font-size: 0;
}
.detail span {
font-size: 1rem;
width: 50%;
padding: 0 4px;
display: inline-block;
}
.detail .title {
text-align: right;
}
#hitrate { position: relative; }
#hitrate .key {
position: absolute;
left: 25%;
top: 50%;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
margin-top: -0.5em;
padding: 0;
z-index: 1;
line-height: 1;
}
</style>
<script>
(function() {
var ce = function(name) {
return document.createElement(name);
},
DIV = "div",
PX = "px";
function setStyle(elem, key, value) {
var style = elem.style,
styles, i;
if (typeof key !== "object") {
styles = {};
styles[key] = value;
} else {
styles = key;
}
for (i in styles) {
style[i] = styles[i];
}
return elem;
}
function createSlice(sizeNum) {
var newSlice = ce(DIV),
pieSize = sizeNum + PX;
setStyle(newSlice, {
"position": "absolute",
"top": 0,
"left": 0,
"width": pieSize,
"height": pieSize,
"webkitBorderRadius": pieSize,
"mozBorderRadius": pieSize,
"borderRadius": pieSize,
"clip": ["rect(0,", pieSize, ",", pieSize, ",", sizeNum / 2, PX].join("")
});
return newSlice;
}
function createPieSlice(sizeNum, color) {
var pie = ce(DIV),
pieSize = sizeNum + PX;
setStyle(pie, {
"backgroundColor": color,
"position": "absolute",
"top": 0,
"left": 0,
"width": pieSize,
"height": pieSize,
"webkitBorderRadius": pieSize,
"mozBorderRadius": pieSize,
"borderRadius": pieSize,
"clip": ["rect(0,", sizeNum / 2, PX, ",", sizeNum, PX, ",", 0].join("")
});
return pie;
}
function createPie(pieSize, pieces, baseColor, pieName){
var sizeNum = parseFloat(pieSize.replace(PX, "")),
numberOfSlices = pieces.length,
pieContainer = ce(DIV),
pieBackground = ce(DIV),
newSlice,
pie,
sliceOffset,
piePercentage,
pieOffset,
beforeDegree = 0,
degree = 0,
degreeOffset,
i = 0,
transform1,
transform2;
if (isNaN(sizeNum) || !numberOfSlices) {
return;
}
//Pie Container
if (pieName) {
pieContainer.id=pieName;
}
setStyle(pieContainer, "display", "inline-block");
//Pie Background
setStyle(pieBackground, {
"width": pieSize,
"height": pieSize,
"position": "relative",
"webkitBorderRadius": pieSize,
"mozBorderRadius": pieSize,
"borderRadius": pieSize
});
if (baseColor) {
setStyle(pieBackground, "backgroundColor", baseColor);
}
//Append Background to Container
pieContainer.appendChild(pieBackground);
//Loop through Slices
for(; i < numberOfSlices; i++){
//New Slice
newSlice = createSlice(sizeNum);
//New Slice Pie
pie = createPieSlice(sizeNum, pieces[i]["color"]);
//Get Percentage
piePercentage = pieces[i]['value'];
//Check if Percentage > 50
if (piePercentage > 50) {
sliceOffset = 180;
pieOffset = 50
degreeOffset = 0;
transform1 = "rotate(" + sliceOffset + "deg)";
setStyle(pie, {
"webkitTransform": transform1,
"mozTransform": transform1,
"transform": transform1
});
transform2 = "rotate(" + beforeDegree + "deg)";
setStyle(newSlice, {
"clip": ["rect(0,", sizeNum, PX, "," , sizeNum, PX, "," , (sizeNum - 100) / 2, PX].join(""),
"webkitTransform": transform2,
"mozTransform": transform2,
"transform": transform2
});
newSlice.appendChild(pie);
pieBackground.appendChild(newSlice);
newSlice = createSlice(sizeNum);
pie = createPieSlice(sizeNum, pieces[i]["color"]);
//If it's not first slice, then ...
if (i != 0) {
degreeOffset = 1;
}
} else {
sliceOffset = pieOffset = degreeOffset = 0;
}
degree = parseFloat((piePercentage - pieOffset) * 180 / 50);
transform1 = "rotate(" + (degree + degreeOffset) + "deg)";
setStyle(pie, {
"webkitTransform": transform1,
"mozTransform": transform1,
"transform": transform1
});
newSlice.appendChild(pie);
if (sliceOffset || beforeDegree) {
transform2 = "rotate(" + (beforeDegree + sliceOffset - degreeOffset) + "deg)";
setStyle(newSlice, {
"webkitTransform": transform2,
"mozTransform": transform2,
"transform": transform2
});
}
pieBackground.appendChild(newSlice);
beforeDegree += degree + sliceOffset;
}
return pieContainer;
}
window.createPie = createPie;
}());
</script>
</head>
<body>
<div class="wrapper">
<h1>Redis Stats</h1>
<form action="" method="get">
<label for="server">Server:</label>
<select onchange="this.form.submit()" id="server" name="s">
<?php foreach ($servers as $i => $serv): ?>
<option value="<?php echo $i ?>"<?php echo ($server == $i) ? ' selected="selected"' : '' ?>><?php echo $serv[0] ?></option>
<?php endforeach; ?>
</select>
</form>
<div class="grid">
<div class='box col2'>
<h2>Hits</h2>
<div class="grid">
<div id="hitrate" class="col">
<?php $hitRate = sprintf('%.1f' , $data['keyspace_hits'] / ($data['keyspace_hits'] + $data['keyspace_misses']) * 100); ?>
<div class="key"><?php echo $hitRate ?>%</div>
</div>
<div class="col">
<div class="detail">
<span class="title">Hits:</span>
<span><?php echo number_format($data['keyspace_hits']) ?></span>
</div>
<div class="detail">
<span class="title">Misses:</span>
<span><?php echo number_format($data['keyspace_misses']) ?></span>
</div>
<div class="detail">
<span class="title">Expired:</span>
<span><?php echo number_format($data['expired_keys']) ?></span>
</div>
<div class="detail">
<span class="title">Evicted:</span>
<span><?php echo number_format($data['evicted_keys']) ?></span>
</div>
</div>
</div>
</div>
<div class='box col'>
<h2>Used Memory</h2>
<div class="key"><?php echo $data['used_memory_human'] ?></div>
<h2>Peak Memory</h2>
<div class="key"><?php echo $data['used_memory_peak_human'] ?></div>
</div>
</div>
<div class="grid">
<div class='box col'>
<h2>Uptime</h2>
<p class="details"><?php echo time_elapsed($data['uptime_in_seconds']) ?></p>
</div>
<div class='box col'>
<h2>Connection</h2>
<div class="details">
<div class="detail">
<span class="title">Received:</span>
<span><?php echo number_format($data['total_connections_received']) ?></span>
</div>
<div class="detail">
<span class="title">Connected:</span>
<span><?php echo number_format($data['connected_clients']) ?></span>
</div>
<div class="detail">
<span class="title">Rejected:</span>
<span><?php echo number_format($data['rejected_connections']) ?></span>
</div>
<div class="detail">
<span class="title">Commands:</span>
<span><?php echo number_format($data['total_commands_processed']) ?></span>
</div>
</div>
</div>
<div class='box col'>
<h2>Persistence</h2>
<p class="details">Changes since last save: <?php echo number_format($data['rdb_changes_since_last_save']) ?></p>
<p class="details">Last saved<br /><?php echo time_elapsed(time() - $data['rdb_last_save_time']) ?> ago.</p>
</div>
</div>
<div class="grid">
<?php for ($i = 0; isset($data["db$i"]); $i++): ?>
<div class='box col'>
<h2>Keys in store <em><?php echo "db$i" ?></em></h2>
<div class="key">
<?php
$values = explode(',', $data["db$i"]);
foreach($values as $value) {
$kv = explode('=', $value, 2);
$keyData[$kv[0]] = $kv[1];
}
echo $keyData['keys'];
?>
</div>
</div>
<?php endfor; ?>
</div>
</div>
<script>
(function() {
var hitPie = createPie('174px',[{value: <?php echo $hitRate ?>, color: '#8892BF' }]);
document.getElementById('hitrate').appendChild(hitPie);
}());
</script>
</body>
</html>
@bactisme

This comment has been minimized.

Copy link

bactisme commented Jul 7, 2016

Wonderful, the best of all the forks.

@mcanever-fastbooking

This comment has been minimized.

Copy link

mcanever-fastbooking commented Nov 28, 2017

Awesome! Thanks

@jcharaoui

This comment has been minimized.

Copy link

jcharaoui commented Aug 15, 2018

For the record, here's how to connect to a Redis server via Unix socket:

// CONFIG
$servers = array(
    array('Local', 'unix:///var/run/redis/redis-server.sock', -1),
);
// END CONFIG
@vgsystems

This comment has been minimized.

Copy link

vgsystems commented Jan 30, 2019

Great job! Thanks!

@tessus

This comment has been minimized.

Copy link

tessus commented Nov 14, 2019

Awesome script. I've made a few improvements and created a repo: https://github.com/tessus/redis-stats

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.