How do you close a WebSocket connection properly?

Question

Accepted Answer

Closing a WebSocket connection properly involves more than just terminating the TCP socket. The WebSocket protocol includes a closing handshake where both sides exchange close frames to ensure all messages are delivered and resources are cleaned up gracefully. In JavaScript, this is initiated by calling the `close()` method on the WebSocket object. The connection then transitions through the CLOSING state to CLOSED, and a close event is fired with details about the closure. Proper closure prevents resource leaks, ensures any remaining messages are processed, and provides opportunities for reconnection logic. **code** (optional): A numeric status code explaining why the connection is closing. Must be either 1000 (normal closure) or in the range 3000-4999 for application-specific codes . **reason** (optional): A human-readable string explaining the reason for closure. Maximum length is 123 bytes (UTF-8 encoded) . **No parameters**: `socket.close()` uses default code 1000 and empty reason, indicating normal closure . const socket = new WebSocket('wss://example.com');

// When you're done with the connection
function disconnect() {
  // Check if connection is open before closing
  if (socket.readyState === WebSocket.OPEN) {
    console.log('Initiating normal closure');
    socket.close(1000, 'Normal closure');
  } else {
    console.log('Connection already closing or closed');
  }
}

// Listen for the close event to confirm closure
socket.addEventListener('close', (event) => {
  console.log('Connection closed:', {
    code: event.code,
    reason: event.reason,
    wasClean: event.wasClean
  });
  
  // Perform cleanup
  cleanupResources();
});

// Handle unexpected closures
socket.addEventListener('error', (error) => {
  console.error('WebSocket error:', error);
  // Socket will likely close after error
});

How do you close a WebSocket connection properly?

A WebSocket connection is closed properly by calling the close() method with an optional status code and reason, which initiates the closing handshake, followed by handling the close event to confirm cleanup and optionally implement reconnection logic.

How do you close a WebSocket connection properly?

A WebSocket connection is closed properly by calling the close() method with an optional status code and reason, which initiates the closing handshake, followed by handling the close event to confirm cleanup and optionally implement reconnection logic.

Scenario Questions

Follow-up Questions