WebSocket: Xây dựng ứng dụng real-time không cần polling

WebSocket là giao thức giao tiếp hai chiều liên tục qua một kết nối TCP duy nhất, cho phép máy khách và máy chủ trao đổi dữ liệu tức thời mà không cần gửi yêu cầu lặp lại như polling. Bài viết này hướng dẫn cơ chế hoạt động của WebSocket, cách triển khai server bằng Node.js, và các best practice cần thiết để chạy ổn định trong môi trường production.

Hình minh họa nội dung phần đầu bài viết

Cơ bản về WebSocket

Khác với HTTP truyền thống với mô hình request/response lặp lại, WebSocket mở một kênh kết nối persistent giữa máy khách và máy chủ. Sau bước handshake nâng cấp giao thức, dữ liệu có thể được gửi đi và nhận về bất kỳ lúc nào dưới dạng frame nhẹ, giảm đáng kể độ trễ và băng thông tiêu thụ so với việc hỏi server liên tục.

WebSocket phù hợp cho các ứng dụng cần cập nhật real-time: trò chơi trực tuyến nhiều người chơi, bảng tin giao dịch chứng khoán, ứng dụng trò chuyện, bảng điều khiển giám sát, và công cụ soạn thảo cộng tác. Trong những tình huống này, yêu cầu nhận dữ liệu ngay khi sự kiện xảy ra là bắt buộc, polling thông thường không đáp ứng được độ trễ thấp mong muốn.

Một điểm quan trọng khác: WebSocket không thay thế HTTP mà nâng cấp từ đó. Trình duyệt hoặc máy khách gửi request HTTP có header Upgrade, máy chủ xác nhận, và từ đó hai bên chuyển sang giao thức WebSocket trên chính kết nối TCP đó. Điều này giúp tương thích với hạ tầng mạng hiện có, bao gồm proxy và firewall hỗ trợ HTTP.

Triển khai nhanh với Node.js

Thư viện ws là lựa chọn nhẹ, ổn định và được sử dụng rộng rãi để tạo WebSocket server trong hệ sinh thái Node.js. Cài đặt nhanh bằng npm:

npm init -y
npm install ws

Dưới đây là ví dụ server tối giản:

const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 8080 });

wss.on('connection', (ws) => {
  console.log('Client mới kết nối');

  ws.on('message', (message) => {
    console.log(`Nhận được: ${message}`);
    ws.send(`Phản hồi từ server: ${message}`);
  });

  ws.on('close', () => console.log('Client ngắt kết nối'));
  ws.send('Chào mừng đến với WebSocket server!');
});

console.log('WebSocket server lắng nghe tại ws://localhost:8080');

Phía máy khách JavaScript thuần:

const ws = new WebSocket('ws://localhost:8080');

ws.onopen = () => {
  console.log('Đã kết nối');
  ws.send('Hello Server!');
};

ws.onmessage = (event) => {
  document.getElementById('output').textContent = event.data;
};

ws.onerror = (error) => console.error('Lỗi WebSocket:', error);

Với hai đoạn code trên, bạn đã có một cặp client-server real-time hoàn chỉnh. Khi trình duyệt mở trang, thông điệp gửi từ server hiển thị ngay lập tức mà không cần reload hoặc polling.

Xử lý kết nối nhiều client và broadcast

Ứng dụng thực tế thường cần gửi dữ liệu đến nhiều client cùng lúc, ví dụ bảng giá chứng khoán hoặc phòng chat. Dùng vòng lặp trên clients của server:

wss.on('connection', (ws) => {
  ws.on('message', (message) => {
    wss.clients.forEach((client) => {
      if (client !== ws && client.readyState === WebSocket.OPEN) {
        client.send(message.toString());
      }
    });
  });
});

Cách này đơn giản cho ứng dụng nhỏ. Khi mở rộng quy mô, bạn nên chuyển sang mô hình room hoặc channel, mỗi nhóm client nhận một tập dữ liệu riêng, tránh gửi trùng lặp và giảm tải server.

Best practice cho WebSocket production

Heartbeat ping/pong: Gửi gói tin định kỳ để phát hiện kết nối chết, giải phóng tài nguyên bị treo.
Rate limiting: Giới hạn số kết nối mỗi IP và tần suất gửi tin để chống quá tải server.
Authentication: Xác thực token trong quá trình handshake, từ chối kết nối chưa xác thực.
Scaling theo chiều ngang: Dùng sticky session trên load balancer và pub/sub như Redis để đồng bộ trạng thái giữa nhiều instance.
Error handling: Bắt lỗi mạng, đóng kết nối một cách lịch sự, ghi log để gỡ lỗi sau này.
Graceful shutdown: Khi dừng ứng dụng, đóng tất cả kết nối và thông báo client trước khi thoát.

Tuân thủ các nguyên tắc trên giúp hệ thống WebSocket của bạn chịu tải tốt, ít sự cố mất kết nối giữa chừng, và dễ dàng gỡ lỗi khi có vấn đề phát sinh trong vận hành.

Kết luận

WebSocket là công cụ nền tảng cho ứng dụng real-time hiện đại, thay thế hiệu quả polling truyền thống với độ trễ thấp, băng thông tối ưu và giao tiếp hai chiều tự nhiên. Việc triển khai với Node.js và thư viện ws chỉ mất vài dòng code, trong khi các kỹ thuật heartbeat, broadcast hay scaling đã có sẵn cộng đồng lớn hỗ trợ. Nếu ứng dụng của bạn cần cập nhật dữ liệu liên tục, hãy bắt đầu với WebSocket thay vì chờ đợi các giải pháp cũ kém hiệu quả.

Nguồn tham khảo: Render — Building Real-Time Applications with WebSockets và WebSocket.org — Build a WebSocket App