Як отримати сповіщення від server-sent events в javascript?

Для отримання сповіщень від server-sent events в JavaScript, використовується об'єкт EventSource, який дозволяє підписатися на події від сервера та обробляти їх. Ось приклад використання EventSource для отримання сповіщень від server-sent events:

// create EventSource object
const eventSource = new EventSource('/events');

// handle server-sent events
eventSource.onmessage = (event) => {
  console.log(event.data);
};

У цьому прикладі, ми створюємо об'єкт EventSource та підписуємося на події від сервера. Коли сервер надсилає подію, ми обробляємо її та виводимо дані в консоль.

Як працюють Server Sent Events?

Server-Sent Events (SSE) - це технологія, яка дозволяє серверу надсилати події клієнту через одностороннє з'єднання. SSE використовується для реалізації push-повідомлень та оновлення сторінки без необхідності перезавантаження. Для використання SSE в JavaScript, використовується об'єкт EventSource, який дозволяє підписатися на події від сервера та обробляти їх. Ось приклад використання SSE в JavaScript:

// create EventSource object
const eventSource = new EventSource('/events');

// handle server-sent events
eventSource.onmessage = (event) => {
  console.log(event.data);
};

У цьому прикладі, ми створюємо об'єкт EventSource та підписуємося на події від сервера. Коли сервер надсилає подію, ми обробляємо її та виводимо дані в консоль.

Як працює long polling?

Long polling - це техніка, яка використовується для реалізації push-повідомлень та оновлення сторінки без необхідності перезавантаження. При long polling, клієнт відправляє запит на сервер, а сервер утримує з'єднання до тих пір, поки не буде доступна нова інформація. Коли сервер має нові дані, він відправляє їх клієнту, після чого з'єднання закривається, і клієнт відправляє новий запит. Long polling використовується для реалізації реального часу та оновлення сторінки без необхідності перезавантаження. Ось приклад використання long polling в JavaScript:

// long polling example
function fetchData() {
  fetch('/data')
    .then((response) => response.json())
    .then((data) => {
      console.log(data);
      fetchData();
    });
}

// use long polling
fetchData();

У цьому прикладі, ми використовуємо long polling для отримання даних в реальному часі.

WebSocket в js

WebSocket - це технологія, яка дозволяє встановити двостороннє з'єднання між сервером та клієнтом для обміну даними в реальному часі. WebSocket використовується для реалізації push-повідомлень та оновлення сторінки без необхідності перезавантаження. Для використання WebSocket в JavaScript, використовується об'єкт WebSocket, який дозволяє встановити з'єднання з сервером та обмінюватися даними. Ось приклад використання WebSocket в JavaScript:

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

// handle WebSocket events
socket.onopen = () => {
  console.log('WebSocket connection opened');
};

socket.onmessage = (event) => {
  console.log(event.data);
};

У цьому прикладі, ми створюємо об'єкт WebSocket та встановлюємо з'єднання з сервером для обміну даними в реальному часі.