feat: Add nginx-load-balancer example with LoadBalancer service and automatic IPv6 assignment
This commit is contained in:
mik-tf
240
examples/nginx-load-balancer/nginx-load-balancer-configmaps.yaml
Normal file
240
examples/nginx-load-balancer/nginx-load-balancer-configmaps.yaml
Normal file
@@ -0,0 +1,240 @@
|
||||
apiVersion: v1
|
||||
kind: ConfigMap
|
||||
metadata:
|
||||
name: nginx-load-balancer-content
|
||||
data:
|
||||
index.html: |
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Mycelium Cloud - Nginx LoadBalancer Website</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
color: white;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.container {
|
||||
text-align: center;
|
||||
max-width: 900px;
|
||||
padding: 2rem;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 20px;
|
||||
backdrop-filter: blur(10px);
|
||||
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
|
||||
}
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
margin-bottom: 1rem;
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
|
||||
}
|
||||
.subtitle {
|
||||
font-size: 1.2rem;
|
||||
margin-bottom: 2rem;
|
||||
opacity: 0.9;
|
||||
}
|
||||
.ipv6-info {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
padding: 1rem;
|
||||
border-radius: 10px;
|
||||
margin: 1rem 0;
|
||||
font-family: 'Courier New', monospace;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.status {
|
||||
display: inline-block;
|
||||
padding: 0.5rem 1rem;
|
||||
background: #4CAF50;
|
||||
border-radius: 25px;
|
||||
font-weight: bold;
|
||||
margin: 0.5rem;
|
||||
}
|
||||
.status.loadbalancer {
|
||||
background: #2196F3;
|
||||
}
|
||||
.timestamp {
|
||||
font-size: 0.8rem;
|
||||
opacity: 0.7;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.features {
|
||||
text-align: left;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
.feature {
|
||||
margin: 0.5rem 0;
|
||||
padding: 0.5rem;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 5px;
|
||||
}
|
||||
.security-badge {
|
||||
background: #FF9800;
|
||||
color: white;
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 15px;
|
||||
font-weight: bold;
|
||||
margin: 1rem;
|
||||
display: inline-block;
|
||||
}
|
||||
.urls {
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
padding: 1.5rem;
|
||||
border-radius: 10px;
|
||||
margin: 1.5rem 0;
|
||||
text-align: left;
|
||||
}
|
||||
.urls h3 {
|
||||
margin-top: 0;
|
||||
color: #FFD700;
|
||||
}
|
||||
.urls ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
.urls li {
|
||||
margin: 1rem 0;
|
||||
font-family: 'Courier New', monospace;
|
||||
font-size: 0.9rem;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
padding: 0.8rem;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.urls code {
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
padding: 0.3rem 0.6rem;
|
||||
border-radius: 4px;
|
||||
display: inline-block;
|
||||
}
|
||||
.working {
|
||||
color: #4CAF50;
|
||||
font-weight: bold;
|
||||
}
|
||||
.node-info {
|
||||
font-size: 0.8rem;
|
||||
opacity: 0.8;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.load-balancing-badge {
|
||||
background: #4CAF50;
|
||||
color: white;
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 15px;
|
||||
font-weight: bold;
|
||||
margin: 1rem;
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
function updateTimestamp() {
|
||||
const now = new Date();
|
||||
document.getElementById('timestamp').textContent =
|
||||
'Last updated: ' + now.toLocaleString();
|
||||
}
|
||||
|
||||
function getIPv6Address() {
|
||||
// Extract IPv6 from the current connection
|
||||
const ipv6Pattern = /\[([0-9a-f:]+)\]/;
|
||||
const match = window.location.href.match(ipv6Pattern);
|
||||
if (match) {
|
||||
document.getElementById('current-ipv6').textContent = match[1];
|
||||
} else {
|
||||
document.getElementById('current-ipv6').textContent = 'Not accessed via IPv6';
|
||||
}
|
||||
}
|
||||
|
||||
window.onload = function() {
|
||||
updateTimestamp();
|
||||
getIPv6Address();
|
||||
setInterval(updateTimestamp, 1000);
|
||||
};
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>🌐 Mycelium Cloud</h1>
|
||||
<div class="subtitle">
|
||||
LoadBalancer Website Hosting with Automatic IPv6 Assignment!
|
||||
</div>
|
||||
|
||||
<div class="status loadbalancer">
|
||||
✅ LOADBALANCER SECURE
|
||||
</div>
|
||||
|
||||
<div class="load-balancing-badge">
|
||||
⚖️ AUTOMATIC LOAD BALANCING
|
||||
</div>
|
||||
|
||||
<div class="ipv6-info">
|
||||
<strong>Connected via IPv6:</strong><br>
|
||||
<span id="current-ipv6">Loading...</span>
|
||||
</div>
|
||||
|
||||
<div class="urls">
|
||||
<h3>🌐 Service Endpoints (LoadBalancer: 8080)</h3>
|
||||
<p><strong>Mycelium automatically assigns IPv6 addresses to service endpoints:</strong></p>
|
||||
<ul>
|
||||
<li><code>http://[auto-assigned-ipv6]:8080</code> <span class="working">✅ WORKING</span>
|
||||
<div class="node-info">Automatic IPv6 assignment from Mycelium</div></li>
|
||||
</ul>
|
||||
<div style="background: rgba(76, 175, 80, 0.2); padding: 1rem; border-radius: 8px; margin: 1rem 0; border-left: 4px solid #4CAF50;">
|
||||
<strong>✅ Load Balancing:</strong> Traffic automatically distributed across 3 replicas<br>
|
||||
Service type: LoadBalancer with externalTrafficPolicy: Local
|
||||
</div>
|
||||
<p><em>Anyone with Mycelium installed can access your website from anywhere!</em></p>
|
||||
</div>
|
||||
|
||||
<div class="features">
|
||||
<h3>🚀 Key Features:</h3>
|
||||
<div class="feature">⚖️ Automatic load balancing across 3 replicas</div>
|
||||
<div class="feature">🛡️ Enhanced security with network isolation</div>
|
||||
<div class="feature">🌍 Global access via Mycelium IPv6 service endpoints</div>
|
||||
<div class="feature">🔒 Standard Kubernetes LoadBalancer patterns</div>
|
||||
<div class="feature">⚡ Clean pod networking without hostNetwork</div>
|
||||
<div class="feature">🖥️ Multi-replica, multi-node Kubernetes cluster</div>
|
||||
<div class="feature">🔄 Dynamic IPv6 service endpoint assignment</div>
|
||||
</div>
|
||||
|
||||
<div class="timestamp" id="timestamp">
|
||||
Loading timestamp...
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 2rem; font-size: 0.8rem;">
|
||||
Mycelium Cloud LoadBalancer Demo<br>
|
||||
Production-Ready IPv6 Website Hosting<br>
|
||||
<strong>Auto-updated every 30 seconds</strong>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
---
|
||||
apiVersion: v1
|
||||
kind: ConfigMap
|
||||
metadata:
|
||||
name: nginx-load-balancer-nginx-config
|
||||
data:
|
||||
default.conf: |
|
||||
server {
|
||||
listen 8080;
|
||||
listen [::]:8080 ipv6only=on;
|
||||
server_name _;
|
||||
|
||||
location / {
|
||||
root /usr/share/nginx/html;
|
||||
index index.html;
|
||||
try_files $uri $uri/ =404;
|
||||
}
|
||||
|
||||
location /health {
|
||||
access_log off;
|
||||
return 200 "healthy\n";
|
||||
add_header Content-Type text/plain;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user