mirror of
https://github.com/php/php-src.git
synced 2024-11-25 10:54:15 +08:00
460 lines
14 KiB
HTML
460 lines
14 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<!--
|
|
$Id$
|
|
(c) 2011 Jerome Loyet
|
|
The PHP License, version 3.01
|
|
This is sample real-time status page for FPM. You can change it to better fit your needs.
|
|
-->
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
|
<style type="text/css">
|
|
body {background-color: #ffffff; color: #000000;}
|
|
body, td, th, h1, h2 {font-family: sans-serif;}
|
|
pre {margin: 0px; font-family: monospace;}
|
|
a:link {color: #000099; text-decoration: none; background-color: #ffffff;}
|
|
a:hover {text-decoration: underline;}
|
|
table {border-collapse: collapse;}
|
|
.center {text-align: center;}
|
|
.center table { margin-left: auto; margin-right: auto; text-align: left;}
|
|
.center th { text-align: center !important; }
|
|
td, th { border: 1px solid #000000; font-size: 75%; vertical-align: baseline;}
|
|
h1 {font-size: 150%;}
|
|
h2 {font-size: 125%;}
|
|
.p {text-align: left;}
|
|
.e {background-color: #ccccff; font-weight: bold; color: #000000;}
|
|
.h {background-color: #9999cc; font-weight: bold; color: #000000;}
|
|
|
|
.v {background-color: #cccccc; color: #000000;}
|
|
.w {background-color: #ccccff; color: #000000;}
|
|
|
|
.h th {
|
|
cursor: pointer;
|
|
}
|
|
img {float: right; border: 0px;}
|
|
hr {width: 600px; background-color: #cccccc; border: 0px; height: 1px; color: #000000;}
|
|
</style>
|
|
<title>PHP-FPM status page</title>
|
|
<meta name="ROBOTS" content="NOINDEX,NOFOLLOW,NOARCHIVE" /></head>
|
|
<body>
|
|
<div class="center">
|
|
<table border="0" cellpadding="3" width="95%">
|
|
<tr class="h">
|
|
<td>
|
|
<a href="http://www.php.net/"><img border="0" src="https://static.php.net/www.php.net/images/php.gif" alt="PHP Logo" /></a><h1 class="p">PHP-FPM real-time status page</h1>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<br />
|
|
<table border="0" cellpadding="3" width="95%">
|
|
<tr><td class="e">Status URL</td><td class="v"><input type="text" id="url" size="45" /></td></tr>
|
|
<tr><td class="e">Ajax status</td><td class="v" id="status"></td></tr>
|
|
<tr><td class="e">Refresh Rate</td><td class="v"><input type="text" id="rate" value="1" /></td></tr>
|
|
<tr>
|
|
<td class="e">Actions</td>
|
|
<td class="v">
|
|
<button onclick="javascript:refresh();">Manual Refresh</button>
|
|
<button id="play" onclick="javascript:playpause();">Play</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<h1>Pool Status</h1>
|
|
<table border="0" cellpadding="3" width="95%" id="short">
|
|
<tr style="display: none;"><td> </td></tr>
|
|
</table>
|
|
<h1>Active Processes status</h1>
|
|
<table border="0" cellpadding="3" width="95%" id="active">
|
|
<tr class="h"><th>PID↓</th><th>Start Time</th><th>Start Since</th><th>Requests Served</th><th>Request Duration</th><th>Request method</th><th>Request URI</th><th>Content Length</th><th>User</th><th>Script</th></tr>
|
|
</table>
|
|
<h1>Idle Processes status</h1>
|
|
<table border="0" cellpadding="3" width="95%" id="idle">
|
|
<tr class="h"><th>PID↓</th><th>Start Time</th><th>Start Since</th><th>Requests Served</th><th>Request Duration</th><th>Request method</th><th>Request URI</th><th>Content Length</th><th>User</th><th>Script</th><th>Last Request %CPU</th><th>Last Request Memory</th></tr>
|
|
</table>
|
|
</div>
|
|
<p>
|
|
<a href="http://validator.w3.org/check?uri=referer">
|
|
<img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" />
|
|
</a>
|
|
</p>
|
|
<script type="text/javascript">
|
|
<!--
|
|
var xhr_object = null;
|
|
var doc_url = document.getElementById("url");
|
|
var doc_rate = document.getElementById("rate");
|
|
var doc_status = document.getElementById("status");
|
|
var doc_play = document.getElementById("play");
|
|
var doc_short = document.getElementById("short");
|
|
var doc_active = document.getElementById("active");
|
|
var doc_idle = document.getElementById("idle");
|
|
var rate = 0;
|
|
var play=0;
|
|
var delay = 1000;
|
|
var order_active_index = 0;
|
|
var order_active_reverse = 0;
|
|
var order_idle_index = 0;
|
|
var order_idle_reverse = 0;
|
|
var sort_index;
|
|
var sort_order;
|
|
|
|
doc_url.value = location.protocol + '//' + location.host + "/status?json&full";
|
|
|
|
ths = document.getElementsByTagName("th");
|
|
for (var i=0; i<ths.length; i++) {
|
|
var th = ths[i];
|
|
if (th.parentNode.className == "h") {
|
|
th.onclick = function() { order(this); return false; };
|
|
}
|
|
}
|
|
|
|
xhr_object = create_ajax();
|
|
|
|
function create_ajax() {
|
|
if (window.XMLHttpRequest) {
|
|
return new XMLHttpRequest();
|
|
}
|
|
var names = [
|
|
"Msxml2.XMLHTTP.6.0",
|
|
"Msxml2.XMLHTTP.3.0",
|
|
"Msxml2.XMLHTTP",
|
|
"Microsoft.XMLHTTP"
|
|
];
|
|
for(var i in names)
|
|
{
|
|
try {
|
|
return new ActiveXObject(names[i]);
|
|
} catch(e){}
|
|
}
|
|
alert("Browser not compatible ...");
|
|
}
|
|
|
|
function order(cell) {
|
|
var table;
|
|
|
|
if (cell.constructor != HTMLTableCellElement && cell.constructor != HTMLTableHeaderCellElement) {
|
|
return;
|
|
}
|
|
|
|
table = cell.parentNode.parentNode.parentNode;
|
|
|
|
if (table == doc_active) {
|
|
if (order_active_index == cell.cellIndex) {
|
|
if (order_active_reverse == 0) {
|
|
cell.innerHTML = cell.innerHTML.replace(/.$/, "↑");
|
|
order_active_reverse = 1;
|
|
} else {
|
|
cell.innerHTML = cell.innerHTML.replace(/.$/, "↓");
|
|
order_active_reverse = 0;
|
|
}
|
|
} else {
|
|
var c = doc_active.rows[0].cells[order_active_index];
|
|
c.innerHTML = c.innerHTML.replace(/.$/, "");
|
|
cell.innerHTML = cell.innerHTML.replace(/$/, order_active_reverse == 0 ? "↓" : "↑");
|
|
order_active_index = cell.cellIndex;
|
|
}
|
|
reorder(table, order_active_index, order_active_reverse);
|
|
return;
|
|
}
|
|
|
|
if (table == doc_idle) {
|
|
if (order_idle_index == cell.cellIndex) {
|
|
if (order_idle_reverse == 0) {
|
|
cell.innerHTML = cell.innerHTML.replace(/.$/, "↑");
|
|
order_idle_reverse = 1;
|
|
} else {
|
|
cell.innerHTML = cell.innerHTML.replace(/.$/, "↓");
|
|
order_idle_reverse = 0;
|
|
}
|
|
} else {
|
|
var c = doc_idle.rows[0].cells[order_idle_index];
|
|
c.innerHTML = c.innerHTML.replace(/.$/, "");
|
|
cell.innerHTML = cell.innerHTML.replace(/$/, order_idle_reverse == 0 ? "↓" : "↑");
|
|
order_idle_index = cell.cellIndex;
|
|
}
|
|
reorder(table, order_idle_index, order_idle_reverse);
|
|
return;
|
|
}
|
|
}
|
|
|
|
function reorder(table, index, order) {
|
|
var rows = [];
|
|
while (table.rows.length > 1) {
|
|
rows.push(table.rows[1]);
|
|
table.deleteRow(1);
|
|
}
|
|
sort_index = index;
|
|
sort_order = order;
|
|
rows.sort(sort_table);
|
|
for (var i in rows) {
|
|
table.appendChild(rows[i]);
|
|
}
|
|
var odd = 1;
|
|
for (var i=1; i<table.rows.length; i++) {
|
|
table.rows[i].className = odd++ % 2 == 0 ? "v" : "w";
|
|
}
|
|
return;
|
|
}
|
|
|
|
function sort_table(a, b) {
|
|
if (a.cells[0].tagName == "TH") return -1;
|
|
if (b.cells[0].tagName == "TH") return 1;
|
|
|
|
if (a.cells[sort_index].__search_t == 0) { /* integer */
|
|
if (!sort_order) return a.cells[sort_index].__search_v - b.cells[sort_index].__search_v;
|
|
return b.cells[sort_index].__search_v - a.cells[sort_index].__search_v;;
|
|
}
|
|
|
|
/* string */
|
|
if (!sort_order) return a.cells[sort_index].__search_v.localeCompare(b.cells[sort_index].__search_v);
|
|
else return b.cells[sort_index].__search_v.localeCompare(a.cells[sort_index].__search_v);
|
|
}
|
|
|
|
function playpause() {
|
|
rate = 0;
|
|
if (play) {
|
|
play = 0;
|
|
doc_play.innerHTML = "Play";
|
|
doc_rate.disabled = false;
|
|
} else {
|
|
delay = parseInt(doc_rate.value);
|
|
if (!delay || delay < 1) {
|
|
doc_status.innerHTML = "Not valid 'refresh' value";
|
|
return;
|
|
}
|
|
play = 1;
|
|
doc_rate.disabled = true;
|
|
doc_play.innerHTML = "Pause";
|
|
setTimeout("callback()", delay * 1000);
|
|
}
|
|
}
|
|
|
|
function refresh() {
|
|
if (xhr_object == null) return;
|
|
if (xhr_object.readyState > 0 && xhr_object.readyState < 4) {
|
|
return; /* request is running */
|
|
}
|
|
xhr_object.open("GET", doc_url.value, true);
|
|
xhr_object.onreadystatechange = function() {
|
|
switch(xhr_object.readyState) {
|
|
case 0:
|
|
doc_status.innerHTML = "uninitialized";
|
|
break;
|
|
case 1:
|
|
doc_status.innerHTML = "loading ...";
|
|
break;
|
|
case 2:
|
|
doc_status.innerHTML = "loaded";
|
|
break;
|
|
case 3:
|
|
doc_status.innerHTML = "interactive";
|
|
break;
|
|
case 4:
|
|
doc_status.innerHTML = "complete";
|
|
if (xhr_object.status == 200) {
|
|
fpm_status(xhr_object.responseText);
|
|
} else {
|
|
doc_status.innerHTML = "Error " + xhr_object.status;
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
xhr_object.send();
|
|
}
|
|
|
|
function callback() {
|
|
if (!play) return;
|
|
refresh();
|
|
setTimeout("callback()", delay * 1000);
|
|
}
|
|
|
|
function fpm_status(txt) {
|
|
var json = null;
|
|
|
|
while (doc_short.rows.length > 0) {
|
|
doc_short.deleteRow(0);
|
|
}
|
|
|
|
while (doc_active.rows.length > 1) {
|
|
doc_active.deleteRow(1);
|
|
}
|
|
|
|
while (doc_idle.rows.length > 1) {
|
|
doc_idle.deleteRow(1);
|
|
}
|
|
|
|
try {
|
|
json = JSON.parse(txt);
|
|
} catch (e) {
|
|
doc_status.innerHTML = "Error while parsing json: '" + e + "': <br /><pre>" + txt + "</pre>";
|
|
return;
|
|
}
|
|
|
|
for (var key in json) {
|
|
if (key == "processes") continue;
|
|
if (key == "state") continue;
|
|
var row = doc_short.insertRow(doc_short.rows.length);
|
|
var value = json[key];
|
|
if (key == "start time") {
|
|
value = new Date(value * 1000).toLocaleString();
|
|
}
|
|
if (key == "start since") {
|
|
value = time_s(value);
|
|
}
|
|
var cell = row.insertCell(row.cells.length);
|
|
cell.className = "e";
|
|
cell.innerHTML = key;
|
|
|
|
cell = row.insertCell(row.cells.length);
|
|
cell.className = "v";
|
|
cell.innerHTML = value;
|
|
}
|
|
|
|
if (json.processes) {
|
|
process_full(json.processes, doc_active, "Idle", 0, 0);
|
|
reorder(doc_active, order_active_index, order_active_reverse);
|
|
|
|
process_full(json.processes, doc_idle, "Idle", 1, 1);
|
|
reorder(doc_idle, order_idle_index, order_idle_reverse);
|
|
}
|
|
}
|
|
|
|
function process_full(processes, table, state, equal, cpumem) {
|
|
var odd = 1;
|
|
|
|
for (var i in processes) {
|
|
var proc = processes[i];
|
|
if ((equal && proc.state == state) || (!equal && proc.state != state)) {
|
|
var c = odd++ % 2 == 0 ? "v" : "w";
|
|
var row = table.insertRow(-1);
|
|
row.className = c;
|
|
row.insertCell(-1).innerHTML = proc.pid;
|
|
row.cells[row.cells.length - 1].__search_v = proc.pid;
|
|
row.cells[row.cells.length - 1].__search_t = 0;
|
|
|
|
row.insertCell(-1).innerHTML = date(proc['start time'] * 1000);;
|
|
row.cells[row.cells.length - 1].__search_v = proc['start time'];
|
|
row.cells[row.cells.length - 1].__search_t = 0;
|
|
|
|
row.insertCell(-1).innerHTML = time_s(proc['start since']);
|
|
row.cells[row.cells.length - 1].__search_v = proc['start since'];
|
|
row.cells[row.cells.length - 1].__search_t = 0;
|
|
|
|
row.insertCell(-1).innerHTML = proc.requests;
|
|
row.cells[row.cells.length - 1].__search_v = proc.requests;
|
|
row.cells[row.cells.length - 1].__search_t = 0;
|
|
|
|
row.insertCell(-1).innerHTML = time_u(proc['request duration']);
|
|
row.cells[row.cells.length - 1].__search_v = proc['request duration'];
|
|
row.cells[row.cells.length - 1].__search_t = 0;
|
|
|
|
row.insertCell(-1).innerHTML = proc['request method'];
|
|
row.cells[row.cells.length - 1].__search_v = proc['request method'];
|
|
row.cells[row.cells.length - 1].__search_t = 1;
|
|
|
|
row.insertCell(-1).innerHTML = proc['request uri'];
|
|
row.cells[row.cells.length - 1].__search_v = proc['request uri'];
|
|
row.cells[row.cells.length - 1].__search_t = 1;
|
|
|
|
row.insertCell(-1).innerHTML = proc['content length'];
|
|
row.cells[row.cells.length - 1].__search_v = proc['content length'];
|
|
row.cells[row.cells.length - 1].__search_t = 0;
|
|
|
|
row.insertCell(-1).innerHTML = proc.user;
|
|
row.cells[row.cells.length - 1].__search_v = proc.user;
|
|
row.cells[row.cells.length - 1].__search_t = 1;
|
|
|
|
row.insertCell(-1).innerHTML = proc.script;
|
|
row.cells[row.cells.length - 1].__search_v = proc.script;
|
|
row.cells[row.cells.length - 1].__search_t = 1;
|
|
|
|
if (cpumem) {
|
|
row.insertCell(-1).innerHTML = cpu(proc['last request cpu']);
|
|
row.cells[row.cells.length - 1].__search_v = proc['last request cpu'];
|
|
row.cells[row.cells.length - 1].__search_t = 0;
|
|
|
|
row.insertCell(-1).innerHTML = memory(proc['last request memory']);
|
|
row.cells[row.cells.length - 1].__search_v = proc['last request memory'];
|
|
row.cells[row.cells.length - 1].__search_t = 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function date(d) {
|
|
var t = new Date(d);
|
|
var r = "";
|
|
|
|
r += (t.getDate() < 10 ? '0' : '') + t.getDate();
|
|
r += '/';
|
|
r += (t.getMonth() + 1 < 10 ? '0' : '') + (t.getMonth() + 1);
|
|
r += '/';
|
|
r += t.getFullYear();
|
|
r += ' ';
|
|
r += (t.getHours() < 10 ? '0' : '') + t.getHours();
|
|
r += ':';
|
|
r += (t.getMinutes() < 10 ? '0' : '') + t.getMinutes();
|
|
r += ':';
|
|
r += (t.getSeconds() < 10 ? '0' : '') + t.getSeconds();
|
|
|
|
|
|
return r;
|
|
}
|
|
|
|
function cpu(c) {
|
|
if (c == 0) return 0;
|
|
return c + "%";
|
|
}
|
|
|
|
function memory(mem) {
|
|
if (mem == 0) return 0;
|
|
if (mem < 1024) {
|
|
return mem + "B";
|
|
}
|
|
if (mem < 1024 * 1024) {
|
|
return mem/1024 + "KB";
|
|
}
|
|
if (mem < 1024*1024*1024) {
|
|
return mem/1024/1024 + "MB";
|
|
}
|
|
}
|
|
|
|
function time_s(t) {
|
|
var r = "";
|
|
if (t < 60) {
|
|
return t + 's';
|
|
}
|
|
|
|
r = (t % 60) + 's';
|
|
t = Math.floor(t / 60);
|
|
if (t < 60) {
|
|
return t + 'm ' + r;
|
|
}
|
|
|
|
r = (t % 60) + 'm ' + r;
|
|
t = Math.floor(t/60);
|
|
|
|
if (t < 24) {
|
|
return t + 'h ' + r;
|
|
}
|
|
|
|
return Math.floor(t/24) + 'd ' + (t % 24) + 'h ' + t;
|
|
}
|
|
|
|
function time_u(t) {
|
|
var r = "";
|
|
if (t < 1000) {
|
|
return t + 'µs'
|
|
}
|
|
|
|
r = (t % 1000) + 'µs';
|
|
t = Math.floor(t / 1000);
|
|
if (t < 1000) {
|
|
return t + 'ms ' + r;
|
|
}
|
|
|
|
return time_s(Math.floor(t/1000)) + ' ' + (t%1000) + 'ms ' + r;
|
|
}
|
|
-->
|
|
</script>
|
|
</body>
|
|
</html>
|