feat: Add nginx-nodeport example with comprehensive documentation and security comparison

2025-11-06 20:07:50 -05:00
parent 78a7f4c89f
commit d293c00794
9 changed files with 1860 additions and 0 deletions
--- a/examples/nginx-nodeport/nginx-nodeport-configmaps.yaml
+++ b/examples/nginx-nodeport/nginx-nodeport-configmaps.yaml
@@ -0,0 +1,174 @@
+apiVersion: v1
+kind: ConfigMap
+metadata:
+  name: nginx-nodeport-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 NodePort 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: 800px;
+                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.nodeport {
+                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;
+            }
+        </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];
+                }
+            }
+            
+            window.onload = function() {
+                updateTimestamp();
+                getIPv6Address();
+            };
+        </script>
+    </head>
+    <body>
+        <div class="container">
+            <h1>🌐 Mycelium Cloud</h1>
+            <div class="subtitle">
+                Secure NodePort Website Hosting with IPv6!
+            </div>
+            
+            <div class="status nodeport">
+                ✅ NODEPORT SECURE
+            </div>
+            
+            <div class="security-badge">
+                🔒 ENHANCED SECURITY
+            </div>
+            
+            <div class="ipv6-info">
+                <strong>Connected via IPv6:</strong><br>
+                <span id="current-ipv6">Loading...</span>
+            </div>
+            
+            <div class="features">
+                <h3>🚀 Key Features:</h3>
+                <div class="feature">🛡️ Enhanced security with network isolation</div>
+                <div class="feature">🌍 Peer-to-peer global access via NodePort</div>
+                <div class="feature">🔒 Standard Kubernetes service patterns</div>
+                <div class="feature">⚡ Clean pod networking without hostNetwork</div>
+                <div class="feature">🖥️ 3-Master, 3-Worker Kubernetes cluster</div>
+                <div class="feature">🔄 Dynamic IPv6 discovery and routing</div>
+            </div>
+            
+            <div class="timestamp" id="timestamp">
+                Loading timestamp...
+            </div>
+            
+            <div style="margin-top: 2rem; font-size: 0.8rem;">
+                Mycelium Cloud NodePort Demo<br>
+                Security-First IPv6 Website Hosting
+            </div>
+        </div>
+    </body>
+    </html>
+---
+apiVersion: v1
+kind: ConfigMap
+metadata:
+  name: nginx-nodeport-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;
+        }
+    }