Update static/index.html

static/index.html

@@ -74,10 +74,8 @@
         }
 
         function connect() {
-            // Adapte le protocole (ws ou wss pour le sécurisé)
             const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
             const wsUrl = `${protocol}//${window.location.host}/ws`;
-
             ws = new WebSocket(wsUrl);
 
             ws.onopen = function() {
@@ -87,20 +85,44 @@
             };
 
             ws.onmessage = function(event) {
-                const messageFromServer = event.data;
-                addLog(`Message reçu du serveur : "${messageFromServer}"`);
-                
-                // C'est ici que le client répond automatiquement
-                const responsePhrase = "Ceci est la phrase de réponse du client JavaScript.";
-                addLog(`Envoi de la réponse automatique : "${responsePhrase}"`);
-                ws.send(responsePhrase);
+                try {
+                    const message = JSON.parse(event.data);
+                    addLog(`Action reçue du serveur : "${message.action}" avec la donnée : "${message.data}"`);
+
+                    let responsePayload;
+
+                    // Décide quoi faire en fonction de l'action demandée
+                    switch (message.action) {
+                        case "get_sentence":
+                            responsePayload = "Ceci est la phrase de réponse du client JavaScript.";
+                            break;
+                        case "reverse_string":
+                            responsePayload = (message.data || "").split('').reverse().join('');
+                            break;
+                        default:
+                            responsePayload = "Action inconnue.";
+                            break;
+                    }
+
+                    // Construit la réponse JSON incluant l'ID de la requête
+                    const response = {
+                        request_id: message.request_id,
+                        response: responsePayload
+                    };
+
+                    addLog(`Envoi de la réponse : "${response.response}"`);
+                    ws.send(JSON.stringify(response));
+
+                } catch (error) {
+                    addLog("Erreur: Impossible de traiter le message du serveur.");
+                    console.error("Erreur de parsing JSON:", error);
+                }
             };
 
             ws.onclose = function() {
                 statusDiv.textContent = 'Déconnecté';
                 statusDiv.className = 'disconnected';
                 addLog('Connexion WebSocket fermée. Tentative de reconnexion dans 3 secondes...');
-                // Tente de se reconnecter après 3 secondes
                 setTimeout(connect, 3000); 
             };
 
@@ -111,7 +133,6 @@
             };
         }
 
-        // Lance la connexion au chargement de la page
         connect();
     </script>