로컬실행모드추가 및 로컬실행시에는 백엔드 버튼 숨김

backend_proxy.cjs

@@ -40,9 +40,102 @@ const PORT = 8090;
 
 // --- 서버 시작 함수 (재시도 로직 포함) ---
 function startServer() {
-    const wss = new WebSocket.Server({ port: PORT });
+    const http = require('http'); // HTTP server module required
 
-    wss.on('error', (err) => {
+    const server = http.createServer((req, res) => {
+        // Parse URL to handle query strings and decoding
+        const parsedUrl = new URL(req.url, `http://${req.headers.host}`);
+        const pathname = decodeURIComponent(parsedUrl.pathname);
+
+        // Special handling for executables (Download Center)
+        if (pathname === '/webftp.exe' || pathname === '/webftp-backend.exe') {
+            const exeDir = path.dirname(process.execPath);
+            // Fallback for dev mode -> serve from public
+            const targetPath = process.pkg ? path.join(exeDir, pathname) : path.join(__dirname, 'public', pathname);
+
+            if (fs.existsSync(targetPath)) {
+                const stat = fs.statSync(targetPath);
+                res.writeHead(200, {
+                    'Content-Type': 'application/octet-stream',
+                    'Content-Length': stat.size,
+                    'Content-Disposition': `attachment; filename="${path.basename(targetPath)}"`
+                });
+                const readStream = fs.createReadStream(targetPath);
+                readStream.pipe(res);
+                return;
+            }
+        }
+
+        // Static File Serving
+        // Handle /ftp base path (strip it)
+        let normalizedPath = pathname;
+        if (normalizedPath.startsWith('/ftp')) {
+            normalizedPath = normalizedPath.replace(/^\/ftp/, '') || '/';
+        }
+
+        let filePath = path.join(__dirname, 'dist', normalizedPath === '/' ? 'index.html' : normalizedPath);
+
+        // Prevent traversal
+        if (!filePath.startsWith(path.join(__dirname, 'dist'))) {
+            res.writeHead(403); res.end('Forbidden'); return;
+        }
+
+        const extname = path.extname(filePath);
+        // Basic MIME types
+        const MIME_TYPES = {
+            '.html': 'text/html', '.js': 'text/javascript', '.css': 'text/css',
+            '.json': 'application/json', '.png': 'image/png', '.jpg': 'image/jpeg',
+            '.svg': 'image/svg+xml', '.ico': 'image/x-icon'
+        };
+        let contentType = MIME_TYPES[extname] || 'application/octet-stream';
+
+        fs.readFile(filePath, (err, content) => {
+            if (err) {
+                if (err.code === 'ENOENT') {
+                    // SPA fallback
+                    if (!extname || extname === '.html') {
+                        fs.readFile(path.join(__dirname, 'dist', 'index.html'), (err2, content2) => {
+                            if (err2) {
+                                // If index.html is missing (Backend Only Mode), return 404
+                                console.log(`[404] Backend Only Mode - Missing: ${pathname}`);
+                                res.writeHead(404); res.end('Backend Only Mode - No Frontend Assets Found');
+                            } else {
+                                let html = content2.toString('utf-8');
+                                if (process.pkg) {
+                                    html = html.replace('</head>', '<script>window.__IS_STANDALONE__ = true;</script></head>');
+                                }
+                                res.writeHead(200, { 'Content-Type': 'text/html' });
+                                res.end(html);
+                            }
+                        });
+                    } else {
+                        console.log(`[404] File Not Found: ${pathname}`);
+                        res.writeHead(404); res.end('File Not Found');
+                    }
+                } else {
+                    console.error(`[500] Server Error for ${pathname}:`, err.code);
+                    res.writeHead(500); res.end(`Server Error: ${err.code}`);
+                }
+            } else {
+                // Determine if we need to inject script for main index.html access
+                if (filePath.endsWith('index.html') || extname === '.html') {
+                    let html = content.toString('utf-8');
+                    if (process.pkg) {
+                        html = html.replace('</head>', '<script>window.__IS_STANDALONE__ = true;</script></head>');
+                    }
+                    res.writeHead(200, { 'Content-Type': contentType });
+                    res.end(html);
+                } else {
+                    res.writeHead(200, { 'Content-Type': contentType });
+                    res.end(content, 'utf-8');
+                }
+            }
+        });
+    });
+
+    const wss = new WebSocket.Server({ server });
+
+    server.on('error', (err) => {
         if (err.code === 'EADDRINUSE') {
             console.error(`\n❌ 포트 ${PORT}이(가) 이미 사용 중입니다.`);
             handlePortConflict();
@@ -52,11 +145,21 @@ function startServer() {
         }
     });
 
-    wss.on('listening', () => {
-        console.log(`\n🚀 WebZilla FTP Proxy Server [v${APP_VERSION}] 가 ws://localhost:${PORT} 에서 실행 중입니다.`);
-        console.log(`📂 설정 폴더: ${configDir}`);
+    server.listen(PORT, () => {
+        console.log(`\n🚀 WebZilla Server [v${APP_VERSION}] running at http://localhost:${PORT}`);
+        console.log(`📂 Config: ${configDir}`);
+
+        // Check if Frontend Assets exist (dist/index.html)
+        const frontendExists = fs.existsSync(path.join(__dirname, 'dist', 'index.html'));
+        if (frontendExists) {
+            console.log("✨ Frontend detected. Launching browser...");
+            openBrowser(`http://localhost:${PORT}/ftp/`);
+        } else {
+            console.log("🔧 Backend Only Mode. Waiting for connections...");
+        }
     });
 
+    // WSS Connection Handling (Existing Logic)
     wss.on('connection', (ws) => {
         const client = new ftp.Client();
 
@@ -82,6 +185,7 @@ function startServer() {
                         }
                         break;
 
+
                     case 'LIST':
                         if (client.closed) {
                             ws.send(JSON.stringify({ type: 'error', message: 'FTP 연결이 끊어져 있습니다.' }));
@@ -383,5 +487,15 @@ function askToKill(pid) {
     });
 }
 
+// --- 브라우저 열기 ---
+function openBrowser(url) {
+    const start = (process.platform == 'darwin' ? 'open' : process.platform == 'win32' ? 'start' : 'xdg-open');
+    exec(`${start} ${url}`, (err) => {
+        if (err) {
+            console.log("브라우저를 자동으로 열 수 없습니다:", err.message);
+        }
+    });
+}
+
 // 초기 실행
 startServer();