Как получать информацию в реальном времени?

Question

Для получения данных в реальном времени используют:

WebSocket – двустороннее соединение между клиентом и сервером.
Server-Sent Events (SSE) – поток односторонних сообщений от сервера.
Long Polling – запросы с долгим ожиданием ответа.

YeaHub · Accepted Answer

1. WebSocketПротокол ws:// или wss:// (безопасный), поддерживающий двустороннюю связь.Пример:const socket = new WebSocket('wss://example.com/ws');

socket.onopen = () => console.log('Соединение установлено');  
socket.onmessage = (event) => console.log('Получено:', event.data);  
socket.onclose = () => console.log('Соединение закрыто');

// Отправка данных  
socket.send('Привет, сервер!');  Плюсы:Мгновенная передача данных.Поддержка бинарных данных.Минусы:Сложнее в настройке сервера.2. Server-Sent Events (SSE)Односторонний поток данных от сервера (например, для уведомлений).Клиентский код:const eventSource = new EventSource('/updates');

eventSource.onmessage = (event) => {  
  	console.log('Новое сообщение:', event.data);  
};  Сервер (Node.js + Express):app.get('/updates', (req, res) => {  
  	res.setHeader('Content-Type', 'text/event-stream');  
  	setInterval(() => {  
    		res.write(`data: ${new Date().toISOString()}

`);  
 	}, 1000);  
});  Плюсы:Простота реализации.Автоматическое переподключение.Минусы:Только сервер → клиент.3. Long PollingКлиент отправляет запрос, а сервер отвечает только когда есть данные.Пример:function fetchUpdates() {  
  	fetch('/poll')  
    		.then(response => response.json())  
    		.then(data => {  
      			console.log('Данные:', data);  
      			fetchUpdates(); // Новый запрос  
    		});  
}  Плюсы:Работает даже без WebSocket.Минусы:Высокая нагрузка на сервер.