https://blog-dev.simpleenough.net/fr/tags/websockets/Recent content in WebSockets on Simple Enough BlogHugofrMon, 21 Apr 2025 16:06:29 +0200https://blog-dev.simpleenough.net/fr/blog/websocket/Mon, 21 Apr 2025 16:06:29 +0200https://blog-dev.simpleenough.net/fr/blog/websocket/<h2 id="i-architecture-et-fonctionnement-du-protocole-websocket" class="heading">I. Architecture et fonctionnement du protocole WebSocket<a href="#i-architecture-et-fonctionnement-du-protocole-websocket" aria-labelledby="i-architecture-et-fonctionnement-du-protocole-websocket"> <!-- <i class="fas fa-link anchor"></i> --> <svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512"><use href="#fas-link"></use></svg>&nbsp; </a> </h2> <p>La mise en place d’un WebSocket repose sur un <strong>handshake</strong> initial via HTTP(S), suivi d’une <strong>mise à niveau</strong> du protocole vers WebSocket.</p> <h3 id="étapes-principales-" class="heading">Étapes principales :<a href="#%c3%a9tapes-principales-" aria-labelledby="étapes-principales-"> <!-- <i class="fas fa-link anchor"></i> --> <svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512"><use href="#fas-link"></use></svg>&nbsp; </a> </h3> <table class="table"> <thead> <tr> <th >Étape</th> <th >Description</th> </tr> </thead> <tbody> <tr> <td >1. HTTP Upgrade</td> <td >Le client envoie une requête HTTP avec l’en-tête <code>Upgrade: websocket</code>.</td> </tr> <tr> <td >2. Acceptation</td> <td >Le serveur valide l’upgrade et bascule en mode WebSocket.</td> </tr> <tr> <td >3. Communication</td> <td >Les données sont échangées en <strong>frames</strong>, de manière asynchrone et bidirectionnelle.</td> </tr> </tbody> </table><p>Exemple d&rsquo;en-tête d&rsquo;upgrade :</p>