Real-Time Chat Tutorial

Learn to build instant messaging with OddSockets WebSocket technology

Connecting...

Tutorial Chat Room

Real-time messaging with OddSockets

1 online

Step 1: Demo Mode Active

Experience real-time chat features without an API key.

Demo Mode

Step 2: Connect to OddSockets

Establish WebSocket connection for real-time communication.

const client = new OddSocketsClient({
  apiKey: 'your-api-key',
  debug: true
});

await client.connect();

Step 3: Subscribe to Channels

Listen for messages on specific channels.

await client.subscribe('chat-room', (message) => {
  console.log('New message:', message);
  displayMessage(message);
});

Step 4: Send Messages

Publish messages to channels in real-time.

await client.publish('chat-room', {
  text: 'Hello, World!',
  user: { id: 'user123', name: 'Alice' },
  timestamp: Date.now()
});

Step 5: Handle Presence

Track user online/offline status.

client.on('presence', (data) => {
  if (data.type === 'join') {
    showUserJoined(data.user);
  } else if (data.type === 'leave') {
    showUserLeft(data.user);
  }
});

Tutorial Chat Room

Session Information

Complete Tutorial Code

Connection Error