🚀 WireGuard Dashboard pour OpenWrt

v1.0 ✅ Active

🚀 WireGuard Dashboard pour OpenWrt

Dashboard moderne pour visualiser vos tunnels WireGuard sur OpenWrt : interfaces, peers, trafic et configuration en temps réel.

tools

▶ Lancer l'application ↗ 💻 GitHub

🔐 Secure VPN

WireGuard Dashboard

VPN Monitoring pour OpenWrt

Visualisez vos tunnels VPN en temps réel : interfaces actives, peers connectés, trafic et handshakes. Une interface moderne pour le protocole VPN le plus rapide et sécurisé.

🎮 Essayer la démo GitHub

🎯 Pourquoi WireGuard ?

Protocole	Lignes de code	Performance	Sécurité
OpenVPN	~100,000	Moyenne	Bonne
IPsec	~400,000	Variable	Complexe
WireGuard	~4,000	Excellente	État de l’art

WireGuard utilise des primitives cryptographiques modernes (ChaCha20, Curve25519, BLAKE2s) et est intégré au noyau Linux depuis 5.6.

✨ Fonctionnalités

🌐

Interfaces

Liste des tunnels actifs avec clé publique, port, adresse IP et état.

👥

Peers

Statut en temps réel, endpoint, allowed IPs, dernier handshake.

📊

Traffic

Statistiques RX/TX par peer et par interface avec barres de progression.

⚙️

Configuration

Affichage de la config au format WireGuard avec syntaxe colorée.

🔒

Sécurité

Clés privées jamais exposées. Lecture seule via RPCD authentifié.

🚀

Temps réel

Mise à jour automatique des handshakes et du trafic.

🎮 Démo interactive {#demo}

Explorez l'interface avec des données simulées. Interfaces, peers, trafic — tout fonctionne comme sur un vrai routeur avec WireGuard.

🏗️ Architecture

┌─────────────────────────────────────────────────────────┐
│                    LuCI Dashboard                        │
│          (status.js, peers.js, traffic.js)              │
└───────────────────────────┬─────────────────────────────┘
                            │ ubus RPC (JSON)
                            ▼
┌─────────────────────────────────────────────────────────┐
│                    RPCD Backend                          │
│           /usr/libexec/rpcd/wireguard-dashboard         │
└───────────────────────────┬─────────────────────────────┘
                            │ executes
                            ▼
┌─────────────────────────────────────────────────────────┐
│                      wg show                             │
│                  WireGuard CLI Tool                      │
└───────────────────────────┬─────────────────────────────┘
                            │ interacts with
                            ▼
┌─────────────────────────────────────────────────────────┐
│                WireGuard Kernel Module                   │
│                  kmod-wireguard                          │
└─────────────────────────────────────────────────────────┘

Le backend utilise wg show pour interroger le module kernel en temps réel.

📦 Installation

Prérequis

OpenWrt 21.02 ou supérieur
WireGuard installé et configuré
LuCI (interface web OpenWrt)

# Installer WireGuard
opkg update
opkg install kmod-wireguard wireguard-tools

# Optionnel : support LuCI natif
opkg install luci-proto-wireguard

Depuis les sources

# Dans votre environnement de build OpenWrt
cd ~/openwrt/feeds/luci/applications/
git clone https://github.com/gkerma/luci-app-wireguard-dashboard.git

# Mettre à jour les feeds et compiler
cd ~/openwrt
./scripts/feeds update -a && ./scripts/feeds install -a
make menuconfig  # LuCI > Applications > luci-app-wireguard-dashboard
make package/luci-app-wireguard-dashboard/compile V=s

Installation manuelle du .ipk

# Transférer le package sur votre routeur
scp luci-app-wireguard-dashboard_1.0.0-1_all.ipk root@192.168.1.1:/tmp/

# Se connecter et installer
ssh root@192.168.1.1
opkg install /tmp/luci-app-wireguard-dashboard_1.0.0-1_all.ipk

# Redémarrer les services
/etc/init.d/rpcd restart

Accès au dashboard

Après installation : VPN → WireGuard Dashboard

🎨 Design

Thème VPN Tunnel avec gradient cyan/bleu :

Élément	Valeur
Background	`#030712` (noir profond)
Cards	`#0f172a` (slate)
Tunnel gradient	cyan → bleu → indigo
Active	`#10b981` (vert)
Idle	`#f59e0b` (orange)
Inactive	`#64748b` (gris)
Typographie données	JetBrains Mono
Typographie UI	Inter

Animations fluides pour les indicateurs de statut et le flux du tunnel.

📊 Indicateurs de statut

Indicateur	Signification	Handshake
🟢 Active	Communication récente	< 3 min
🟡 Idle	Inactif temporaire	3-10 min
⚪ Inactive	Déconnecté	> 10 min

📋 Roadmap

Vue Status avec interfaces et peers
Vue Peers avec détails complets
Vue Traffic avec statistiques
Vue Configuration avec syntaxe colorée
Graphiques historiques (24h/7j)
Alertes sur déconnexion
Génération de QR codes
Export de configuration
Gestion des peers (ajout/suppression)

🤝 Contribuer

Le projet est open-source sous licence Apache-2.0. Les contributions sont bienvenues !

🐛 Signaler un bug 🔀 Pull Request ⭐ Star le projet