141 lines
4.5 KiB
PHP
141 lines
4.5 KiB
PHP
<?php
|
||
session_start();
|
||
|
||
function listServerFiles() {
|
||
$files = glob(__DIR__ . '/conf/conf.d/*.conf');
|
||
$servers = [];
|
||
foreach ($files as $file) {
|
||
$port = basename($file, '.conf');
|
||
$servers[] = [
|
||
'port' => $port,
|
||
'file' => $file,
|
||
'content' => file_get_contents($file)
|
||
];
|
||
}
|
||
return $servers;
|
||
}
|
||
|
||
$servers = listServerFiles();
|
||
|
||
$reservedPorts = [80, 8080];
|
||
|
||
// 合併所有已使用 port 與保留 port
|
||
$usedPorts = array_unique(array_merge(
|
||
$reservedPorts,
|
||
array_map('intval', array_column($servers, 'port'))
|
||
));
|
||
|
||
function findRandomAvailablePort($start = 3000, $end = 9000, $usedPorts = []) {
|
||
$candidates = range($start, $end);
|
||
shuffle($candidates);
|
||
foreach ($candidates as $port) {
|
||
if (!in_array($port, $usedPorts)) {
|
||
return $port;
|
||
}
|
||
}
|
||
return null;
|
||
}
|
||
|
||
$autoPort = findRandomAvailablePort(3000, 9000, $usedPorts);
|
||
|
||
$resultMsg = '';
|
||
if (isset($_SESSION['resultMsg'])) {
|
||
$resultMsg = $_SESSION['resultMsg'];
|
||
unset($_SESSION['resultMsg']);
|
||
}
|
||
?>
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<title>NGINX 動態 Server 管理</title>
|
||
<link rel="icon" href="/favicon.png" data-rh="true">
|
||
<style>
|
||
body { font-family: sans-serif; padding: 20px; }
|
||
pre { background: #f0f0f0; padding: 10px; overflow-x: auto; }
|
||
.message { padding: 10px; margin-bottom: 20px; border-radius: 4px; }
|
||
.success { background-color: #d4edda; color: #155724; }
|
||
.error { background-color: #f8d7da; color: #721c24; }
|
||
input[type="number"] { width: 80px; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<?php if ($resultMsg): ?>
|
||
<div class="message <?= strpos($resultMsg, '成功') !== false ? 'success' : 'error' ?>">
|
||
<?= nl2br(htmlspecialchars($resultMsg)) ?>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<h2>📡 現有 Servers</h2>
|
||
<ul>
|
||
<?php foreach ($servers as $s): ?>
|
||
<?php
|
||
// 從 content 透過正規表達式取 root 路徑
|
||
preg_match('/root\s+([^\s;]+);/', $s['content'], $matches);
|
||
$rootPath = $matches[1] ?? '未知';
|
||
|
||
// 排除顯示 /Users/catantech/Desktop/
|
||
$displayPath = str_replace('/Users/catantech/Desktop/', '', $rootPath);
|
||
?>
|
||
<li>
|
||
<strong>Port <?= htmlspecialchars($s['port']) ?></strong><br>
|
||
<strong>Root 路徑: <?= htmlspecialchars($displayPath) ?></strong><br>
|
||
<form method="post" action="servers.php" style="display:inline; margin-right: 10px;">
|
||
<input type="hidden" name="action" value="delete" />
|
||
<input type="hidden" name="port" value="<?= htmlspecialchars($s['port']) ?>" />
|
||
<button type="submit">刪除</button>
|
||
</form>
|
||
<a href="http://192.168.5.45:<?= htmlspecialchars($s['port']) ?>" target="_blank" style="color: blue; text-decoration: underline;">
|
||
連結到此 Server
|
||
</a>
|
||
</li>
|
||
<br>
|
||
<?php endforeach; ?>
|
||
</ul>
|
||
|
||
<hr>
|
||
<h2>➕ 新增 Server</h2>
|
||
<form method="post" action="servers.php" id="addServerForm">
|
||
<input type="hidden" name="action" value="add" />
|
||
<label for="portInput">🎲 Port:</label>
|
||
<input type="number" id="portInput" name="port" min="3000" max="9000" required value="<?= $autoPort ?>" />
|
||
<br />
|
||
<label for="rootInput">Root 目錄:</label>
|
||
<input type="text" id="rootInput" name="root" required style="width:400px;" value="Project/Line_Project_1/Official/out-dev" />
|
||
<br />
|
||
<button type="submit">新增</button>
|
||
</form>
|
||
|
||
<script>
|
||
(() => {
|
||
const reservedPorts = [80, 8080];
|
||
const usedPorts = <?= json_encode($usedPorts) ?>;
|
||
|
||
const portInput = document.getElementById('portInput');
|
||
const form = document.getElementById('addServerForm');
|
||
|
||
form.addEventListener('submit', e => {
|
||
const portVal = Number(portInput.value);
|
||
|
||
if (isNaN(portVal) || portVal < 3000 || portVal > 9000) {
|
||
alert('❌ Port 必須是 3000 到 9000 之間的數字');
|
||
e.preventDefault();
|
||
return;
|
||
}
|
||
if (reservedPorts.includes(portVal)) {
|
||
alert(`❌ Port ${portVal} 是保留端口，請選擇其他 Port`);
|
||
e.preventDefault();
|
||
return;
|
||
}
|
||
if (usedPorts.includes(portVal)) {
|
||
alert(`❌ Port ${portVal} 已被使用，請選擇其他 Port`);
|
||
e.preventDefault();
|
||
return;
|
||
}
|
||
});
|
||
})();
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|