Update static/index.html

static/index.html

@@ -65,74 +65,45 @@
         const statusDiv = document.getElementById('status');
         const logsList = document.getElementById('logs');
         let ws;
-
         function addLog(message) {
             const li = document.createElement('li');
             li.textContent = `[${new Date().toLocaleTimeString()}] ${message}`;
             logsList.appendChild(li);
             logsList.scrollTop = logsList.scrollHeight; // Auto-scroll
         }
-
         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() {
                 statusDiv.textContent = 'Connecté';
                 statusDiv.className = 'connected';
                 addLog('Connexion WebSocket établie.');
             };
-
             ws.onmessage = function(event) {
-                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);
-                }
+                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);
             };
-
             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); 
             };
-
             ws.onerror = function(error) {
                 addLog('Erreur WebSocket.');
                 console.error('WebSocket Error:', error);
                 ws.close();
             };
         }
-
+        // Lance la connexion au chargement de la page
         connect();
     </script>