🔐 WireGuard Configuration Suite
Eine professionelle, interaktive Single-Page-Application für WireGuard-VPN-Konfiguration mit integriertem FRITZ!Box-Setup-Guide. Die Anwendung ermöglicht sichere, clientseitige Schlüsselgenerierung und bietet umfassende Anleitungen für alle gängigen Plattformen.
✨ Kernfeatures
🔐 Kryptografischer Config-Generator
- 100% clientseitige Verschlüsselung mit TweetNaCl.js
- Automatische Schlüsselgenerierung (Private/Public Key)
- Interaktive Konfigurationserstellung für Full-Tunnel, Split-Tunnel und Custom-Setups
- QR-Code-Generator für mobiles Setup (iOS/Android)
- Download-Funktion für
.conf-Dateien
- Zero-Trust-Architektur – keine Daten verlassen den Browser
📱 Umfassende Client-Unterstützung
Detaillierte Installationsanleitungen mit direkten Download-Links für Windows, macOS, Android, iOS, Linux.
🔌 FRITZ!Box Site-to-Site VPN
Schritt-für-Schritt-Anleitung für die professionelle Kopplung zweier FRITZ!Boxen – mit MyFRITZ! Dynamic DNS, IP-Subnetz-Konfiguration und Routing.
🛠️ Technische Highlights
| Komponente | Technologie |
|---|
| Frontend | HTML5, CSS3, Vanilla JavaScript |
| Krypto | TweetNaCl.js (Curve25519) |
| QR-Codes | qrcode.js |
| Design | Custom CSS mit CSS Grid & Flexbox, Space Mono, JetBrains Mono |
Sicherheitsmerkmale
- ✅ Clientseitige Schlüsselgenerierung (kein Server-Upload)
- ✅ Base64-Encoding für WireGuard-Kompatibilität
- ✅ Keine Speicherung sensibler Daten
- ✅ CSP-kompatibel
- ✅ Zero external tracking
🎨 Design-Philosophie
- Cyber-Tech-Design mit animiertem Grid-Hintergrund
- Farbsystem basierend auf Netzwerk-Signalen (Cyan, Electric Green, Purple)
- Monospace-Typografie für technischen Charakter
📊 Funktionsumfang im Detail
Config-Generator-Workflow
1. Schlüsselgenerierung (TweetNaCl generiert Curve25519-Keypair)
2. Interface-Konfiguration (IP, DNS, Tunnel-Typ)
3. Peer-Konfiguration (Server Public Key, Endpoint, AllowedIPs)
4. Export (QR-Code, .conf-Datei, Copy-Paste)
FRITZ!Box-Setup (7 Schritte)
- MyFRITZ! einrichten – Dynamic DNS für beide Boxen
- WireGuard auf FB1 – Interface-Konfiguration & Key-Generation
- Peer auf FB1 – Verbindung zu FB2 einrichten
- WireGuard auf FB2 – Spiegelkonfiguration erstellen
- Peer auf FB2 – Verbindung zu FB1 einrichten
- Portfreigaben – UDP 51820 auf beiden Seiten
- Verbindungstest – Handshake verifizieren, Ping-Tests
🌟 Alleinstellungsmerkmale
- ✅ Clientseitige Generierung
- ✅ QR-Code-Export integriert
- ✅ Detaillierter FRITZ!Box-Guide
- ✅ Multi-Plattform
- ✅ Interaktive Tooltips
- ✅ Offline-fähig (Single-File)
- ✅ Zero-Tracking
🚀 Quick Start
# 1. HTML-Datei öffnen im Browser
# 2. Tab "Config Generator" wählen
# 3. "Schlüssel generieren" klicken
# 4. Server-Details eintragen
# 5. "Config erstellen" → QR-Code scannen oder Download
🔮 Mögliche Erweiterungen
- Multi-Peer-Unterstützung
- Config-Import via Datei-Upload
- Browser-Extension
- WireGuard-Server-Setup-Guide
Letzte Aktualisierung: März 2026