Docs: Verbesserte Fehlermeldung und Anleitung fuer Backend-Konfiguration

README.md

@@ -70,27 +70,33 @@ Die Anwendung läuft jetzt auf [http://localhost:3000](http://localhost:3000)
 
 ### Backend-Konfiguration
 
-Die Anwendung versucht **automatisch**, das Backend zu finden. Es werden verschiedene URLs ausprobiert:
+⚠️ **Das wg-easy Backend muss separat laufen!**
 
-1. **Interne Docker-Namen** (wenn als separate Container im gleichen Netzwerk):
-   - `http://wg-easy:51821`
-   - `http://wg-easy-backend:51821`
-   - `http://backend:51821`
+Die Anwendung versucht **automatisch**, das Backend zu finden. Es werden verschiedene URLs ausprobiert, aber **wenn alle fehlschlagen**, muss das Backend konfiguriert werden:
 
-2. **CapRover Service-Namen** (wenn als separate Services):
-   - `http://srv-captain--wg-easy:51821`
-   - `http://srv-captain--wg-easy-backend:51821`
-   - `http://srv-captain--corex-wg-easy:51821`
+#### Option 1: Backend als separater CapRover Service
 
-3. **localhost** (wenn beide im gleichen Container):
-   - `http://localhost:51821`
-   - `http://127.0.0.1:51821`
+1. Erstelle einen neuen Service in CapRover für wg-easy Backend
+2. Verwende das Docker Image: `weejewel/wg-easy`
+3. Setze Environment Variables:
+   - `WG_HOST`: Deine Server-IP/Domain
+   - `PASSWORD`: `CoreX2024!Secure#VPN` (oder anderes Passwort)
+4. Notiere den Service-Namen (z.B. `wg-easy-backend`)
+5. Setze in deinem Frontend-Service `WG_API_URL`: `http://srv-captain--wg-easy-backend:51821`
 
-**Standardwerte (keine Konfiguration erforderlich):**
-- **WG_API_URL**: Automatische Erkennung (versucht alle oben genannten URLs)
+#### Option 2: Backend manuell in CapRover konfigurieren
+
+Wenn das Backend bereits läuft:
+1. Prüfe in CapRover den Service-Namen des Backends
+2. Setze `WG_API_URL` in deinem Frontend-Service als Environment Variable:
+   - Key: `WG_API_URL`
+   - Value: `http://srv-captain--[dein-backend-service-name]:51821`
+
+**Standardwerte (wenn keine Environment Variable gesetzt):**
+- **WG_API_URL**: Automatische Erkennung (versucht verschiedene URLs, siehe Code)
 - **WG_PASSWORD**: `CoreX2024!Secure#VPN`
 
-**Hinweis:** Wenn das Backend nicht automatisch gefunden wird, setze `WG_API_URL` in CapRover als Environment Variable auf den tatsächlichen Backend-URL/Service-Namen.
+**⚠️ Wichtig:** Wenn automatische Erkennung fehlschlägt, muss `WG_API_URL` manuell in CapRover gesetzt werden!
 
 ## 🐳 Docker Setup
 

lib/wg-api.ts

@@ -142,10 +142,14 @@ export class WgApiClient {
     // All URLs failed - provide helpful error message
     const triedUrls = possibleUrls.filter((url, index, self) => self.indexOf(url) === index) // Remove duplicates
     throw new Error(
-      `Failed to connect to WG API Backend. ` +
-      `Tried URLs: ${triedUrls.join(', ')}. ` +
-      `Last error: ${lastError?.message || 'Unknown error'}. ` +
-      `Please ensure the wg-easy backend is running and set WG_API_URL environment variable if it's on a different URL/port.`
+      `❌ WG API Backend nicht erreichbar!\n\n` +
+      `Versucht: ${triedUrls.slice(0, 5).join(', ')}${triedUrls.length > 5 ? '...' : ''}\n` +
+      `Letzter Fehler: ${lastError?.message || 'Unknown error'}\n\n` +
+      `🔧 Lösung:\n` +
+      `1. Stelle sicher, dass das wg-easy Backend läuft\n` +
+      `2. Prüfe in CapRover den Service-Namen des Backends\n` +
+      `3. Setze WG_API_URL als Environment Variable in CapRover auf die tatsächliche Backend-URL\n` +
+      `   (z.B. http://srv-captain--[service-name]:51821 oder externe URL)`
     )
   }