githubmirror/socket.io

examples/http2-example/index.html

43 строки1 KB

Damien Arrachequesne

docs(examples): add example with HTTP/2

01 июн 2026, 12:36

01 июн 2026, 12:36ad48a9b

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Socket.IO HTTP/2 example</title>
  </head>
  <body>
    <p>Connection status: <span id="status">-</span></p>
    <p>Transport: <span id="transport">-</span></p>

    <script src="/socket.io/socket.io.js"></script>
    <script>
      const $status = document.getElementById("status");
      const $transport = document.getElementById("transport");

      const socket = io({
        // transports: ["websocket"]
        transports: ["polling", "websocket"]
      });

      socket.on("connect", () => {
        console.log(`connect ${socket.id}`);
        $status.innerText = "connected";
        $transport.innerText = socket.io.engine.transport.name;

        socket.io.engine.on("upgrade", (transport) => {
          console.log(`transport upgraded to ${transport.name}`);
          $transport.innerText = socket.io.engine.transport.name;
        });
      });

      socket.on("connect_error", (err) => {
        console.log(`connect_error due to ${err.message}`);
      });

      socket.on("disconnect", (reason) => {
        console.log(`disconnect due to ${reason}`);
        $status.innerText = "disconnected";
        $transport.innerText = "-";
      });
    </script>
  </body>
</html>