docs: Correction du problème WebSocket HTTPS/WS

- Correction de l'erreur Mixed Content
- Configuration des URLs WebSocket sécurisées (WSS)
- Documentation de la solution appliquée
- Leçons apprises pour éviter ce problème
This commit is contained in:
Nicolas Cantu 2025-09-20 14:39:28 +00:00
parent 9d989a2555
commit 2fbd607234

View File

@ -90,3 +90,34 @@ git.4nkweb.com/4nk/sdk_storage:ext
- Distinguer les projets de configuration des projets avec images Docker
- Vérifier l'existence des images avant pull
- Documenter l'architecture des projets pour éviter cette confusion
## 🔧 Correction du Problème WebSocket HTTPS/WS
### Problème Identifié
L'iframe (ihm_client) tentait de se connecter à `ws://sdk_relay:8090/` (non sécurisé) depuis une page HTTPS, causant une erreur de sécurité "Mixed Content".
### Erreurs Observées
```
Mixed Content: The page at 'https://dev4.4nkweb.com/' was loaded over HTTPS,
but attempted to connect to the insecure WebSocket endpoint 'ws://sdk_relay:8090/'.
This request has been blocked; this endpoint must be available over WSS.
```
### Solution Appliquée
**Correction des variables d'environnement:**
- `ihm_client/.env`: `RELAY_URLS=wss://dev4.4nkweb.com/ws/,wss://dev3.4nkweb.com/ws/`
- `lecoffre-back-mini/.env`: `RELAY_URLS=wss://dev4.4nkweb.com/ws/,wss://dev3.4nkweb.com/ws/`
**Configuration Nginx:**
- Proxy WebSocket `/ws/``http://127.0.0.1:8090/` (déjà configuré)
- Headers WebSocket corrects (Upgrade, Connection)
### Résultat
- ✅ Connexions WebSocket sécurisées (WSS)
- ✅ Pas d'erreur Mixed Content
- ✅ Services redémarrés avec la nouvelle configuration
### Leçon Apprise
- Toujours utiliser WSS pour les connexions WebSocket depuis des pages HTTPS
- Vérifier la configuration des variables d'environnement pour les URLs WebSocket
- Tester la connectivité WebSocket avec des outils appropriés (wscat)