feat: QR code terminal + redirection HTTPS automatique

1. QR Code dans le terminal
   - Package qrcode-terminal installé
   - Génération QR code au démarrage serveur
   - Affiche URL dev (5173) ou prod (3000) selon build
   - Scan facile depuis smartphone

2. Redirection HTTP → HTTPS (mode dev)
   - Middleware redirection automatique
   - http://IP:3000 → https://IP:5173 (dev Vite)
   - Mode prod : à gérer avec nginx/caddy

3. URLs corrigées partout
   - start.sh : URLs HTTPS
   - install/macos.sh : HTTPS
   - install/linux.sh : HTTPS
   - Messages cohérents avec SSL

4. .gitignore
   - Ignore dev-dist/ (fichiers générés Vite)

Améliore drastiquement l'UX : scan QR + accès HTTPS direct.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

.gitignore

@@ -19,6 +19,7 @@ client/.env
 # Build outputs
 dist/
 build/
+dev-dist/
 *.log
 
 # OS files

install/linux.sh

@@ -331,9 +331,9 @@ print_summary() {
     echo "   Terminal 2 : cd $PROJECT_ROOT/client && npm run dev"
     echo ""
     echo "🌐 Accès après démarrage :"
-    echo "   • Développement local : http://localhost:5173"
-    echo "   • Depuis autre appareil (WiFi) : http://${NETWORK_IP}:5173"
-    echo "   • Production : http://${NETWORK_IP}:3000"
+    echo "   • Développement local : https://localhost:5173"
+    echo "   • Depuis smartphone (WiFi) : https://${NETWORK_IP}:5173"
+    echo "   • Admin : https://${NETWORK_IP}:5173/admin"
     echo ""
     echo "💡 Configuration réseau :"
     echo "   IP serveur détectée : ${NETWORK_IP}"

install/macos.sh

@@ -167,8 +167,8 @@ echo "   Terminal 2 : cd client && npm run dev"
 echo ""
 echo "🌐 Accès après démarrage :"
 echo "   • Développement local : https://localhost:5173"
-echo "   • Depuis autre appareil (WiFi) : https://${NETWORK_IP}:5173"
-echo "   • Production : http://${NETWORK_IP}:3000"
+echo "   • Depuis smartphone (WiFi) : https://${NETWORK_IP}:5173"
+echo "   • Admin : https://${NETWORK_IP}:5173/admin"
 echo ""
 echo "💡 Configuration réseau :"
 echo "   IP serveur détectée : ${NETWORK_IP}"

server/index.js

@@ -3,12 +3,13 @@
 import 'dotenv/config';
 import express from 'express';
 import { spawn } from 'child_process';
-import { readFileSync } from 'fs';
+import { readFileSync, existsSync } from 'fs';
 import { fileURLToPath } from 'url';
 import { dirname, join } from 'path';
 import { networkInterfaces } from 'os';
 import YAML from 'yaml';
 import { AccessToken } from 'livekit-server-sdk';
+import qrcode from 'qrcode-terminal';
 import adminRouter, { registerUser, addLog } from './api/admin.js';
 import configManager from './config/ConfigManager.js';
 import audioBridgeManager from './bridge/AudioBridgeManager.js';
@@ -181,6 +182,23 @@ app.use((req, res, next) => {
   next();
 });
 
+// Middleware redirection HTTP → HTTPS (développement uniquement)
+// En développement, redirige vers le serveur Vite HTTPS (5173)
+// En production réelle, utiliser nginx/caddy pour HTTPS
+app.use((req, res, next) => {
+  const clientDistPath = join(__dirname, '..', 'client', 'dist');
+  const isProd = existsSync(clientDistPath);
+
+  // Mode dev : rediriger HTTP → HTTPS (Vite)
+  if (!isProd && req.protocol === 'http' && req.hostname !== 'localhost') {
+    const devHttpsUrl = `https://${req.hostname}:5173${req.url}`;
+    log('debug', `↪️  Redirection dev HTTPS: ${devHttpsUrl}`);
+    return res.redirect(301, devHttpsUrl);
+  }
+
+  next();
+});
+
 // Middleware logging
 app.use((req, res, next) => {
   log('debug', `${req.method} ${req.path}`);
@@ -190,7 +208,6 @@ app.use((req, res, next) => {
 // ========== Servir fichiers statiques client (production) ==========
 
 // En production, servir le build client depuis ../client/dist
-import { existsSync } from 'fs';
 const clientDistPath = join(__dirname, '..', 'client', 'dist');
 
 if (existsSync(clientDistPath)) {
@@ -399,6 +416,31 @@ async function start() {
       log('info', '');
       log('info', 'Serveur prêt !');
       log('info', `Groupes configurés: ${config.groups.map(g => g.name).join(', ')}`);
+      log('info', '');
+
+      // Afficher URLs d'accès avec QR code
+      if (networkIP && networkIP !== 'localhost') {
+        const clientUrl = `https://${networkIP}:5173`; // Dev mode
+        const prodUrl = `http://${networkIP}:${SERVER_PORT}`; // Prod mode (redirigera vers HTTPS)
+
+        log('info', '📱 Accès réseau WiFi :');
+        log('info', '');
+        log('info', `   Dev  : ${clientUrl}`);
+        log('info', `   Prod : ${prodUrl} (redirige → HTTPS)`);
+        log('info', '');
+        log('info', '📲 Scannez le QR code avec votre smartphone :');
+        log('info', '');
+
+        // Générer QR code (utilise URL dev par défaut, ou prod si dist existe)
+        const clientDistPath = join(__dirname, '..', 'client', 'dist');
+        const qrUrl = existsSync(clientDistPath) ? prodUrl : clientUrl;
+
+        qrcode.generate(qrUrl, { small: true }, (qr) => {
+          console.log(qr);
+        });
+
+        log('info', '');
+      }
     });
 
     // 2.5 Démarrer WebSocket Audio Levels (même port que l'API)

server/package.json

@@ -24,6 +24,7 @@
     "express": "^4.19.2",
     "livekit-server-sdk": "^2.6.0",
     "opusscript": "^0.1.1",
+    "qrcode-terminal": "^0.12.0",
     "ws": "^8.17.0",
     "yaml": "^2.4.2"
   },

start.sh

@@ -115,12 +115,12 @@ if [ "$1" == "--dev" ]; then
   echo "✅ PTT Live démarré (mode dev)"
   echo "==================================${NC}"
   echo ""
-  echo "🌐 Accès :"
+  echo "🌐 Accès client :"
   echo "   • Local : https://localhost:5173"
   echo "   • Réseau : https://${NETWORK_IP}:5173"
   echo ""
-  echo "📊 API serveur : http://${NETWORK_IP}:3000"
-  echo "🎛️  Interface admin : http://${NETWORK_IP}:3000/admin"
+  echo "📊 API serveur : http://${NETWORK_IP}:3000 (→ redirige vers HTTPS)"
+  echo "🎛️  Interface admin : https://${NETWORK_IP}:5173/admin"
   echo ""
   echo -e "${YELLOW}Appuyez sur Ctrl+C pour arrêter${NC}"
   echo ""