Back to Learning Center

Advanced

35 min

WebSocket Integration

Implement WebSocket servers for live updates.

For raw real-time power, CanxJS exposes the underlying WebSocket server (powered by Bun).

Handling Connections

In your src/ws.ts (or similar):

typescript

import { WebSocketServer } from "canxjs";

const wss = new WebSocketServer({
  open(ws) {
    console.log("Client connected");
    ws.subscribe("global");
  },
  message(ws, message) {
    console.log("Received:", message);
    ws.publish("global", `Echo: ${message}`);
  }
});

Integration with HTTP

The WebSocket server shares the same port as your HTTP server, thanks to Bun's single-process model, ensuring zero latency overhead.

Have questions?

Join the discussion on GitHub