https://blog-dev.simpleenough.net/tags/websockets/Recent content in WebSockets on Simple Enough BlogHugoenMon, 21 Apr 2025 16:06:29 +0200https://blog-dev.simpleenough.net/blog/websocket/Mon, 21 Apr 2025 16:06:29 +0200https://blog-dev.simpleenough.net/blog/websocket/<h2 id="i-websocket-protocol-architecture-and-workflow" class="heading">I. WebSocket Protocol Architecture and Workflow<a href="#i-websocket-protocol-architecture-and-workflow" aria-labelledby="i-websocket-protocol-architecture-and-workflow"> <!-- <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>Establishing a WebSocket involves an initial <strong>HTTP(S) handshake</strong>, followed by a <strong>protocol upgrade</strong> to WebSocket.</p> <h3 id="main-steps" class="heading">Main Steps:<a href="#main-steps" aria-labelledby="main-steps"> <!-- <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 >Step</th> <th >Description</th> </tr> </thead> <tbody> <tr> <td >1. HTTP Upgrade</td> <td >The client sends an HTTP request with the <code>Upgrade: websocket</code> header.</td> </tr> <tr> <td >2. Acceptance</td> <td >The server validates the upgrade and switches to WebSocket mode.</td> </tr> <tr> <td >3. Communication</td> <td >Data is exchanged in <strong>frames</strong>, asynchronously and bidirectionally.</td> </tr> </tbody> </table><p>Example upgrade request:</p>