WebSocket
Connect to WebSocket endpoints and exchange Realtime messages with full history.
Connecting
- Select WebSocket from the Realtime dropdown in the navbar
- Enter the WebSocket URL (e.g.,
wss://echo.websocket.org) - Click Connect
Sending Messages
Once connected, type a message in the composer at the bottom and press Send. Messages are displayed in real-time with color-coded bubbles:
- Green — Received messages
- Blue — Sent messages
- Gray — System messages (connected, disconnected)
- Red — Error messages
Message History
All messages are logged with timestamps. You can expand individual messages to view the full content. Use the filter bar to show All, Sent, or Received messages.
Disconnecting
Click Disconnect to close the connection. The connection status is shown in the top bar.
Learn more
- WebSocket API — MDN — browser API reference
- WebSocket.org — overview, echo server, and resources
- WebSocket readyState — MDN
- Azure Web PubSub — Microsoft Learn
On this page
Racoon