Как организовать на клиенте обработку длительной асинхронной операции (например, фоновая проверка на сервере, занимающая до часа)?

Обработка длительных асинхронных операций на клиенте

Когда клиент инициирует операцию, которая может выполняться минуты или часы (например, генерация отчета или обработка видео), нельзя держать HTTP-соединение открытым всё это время. Вместо этого применяют асинхронные паттерны, которые позволяют клиенту узнавать о завершении задачи без блокировки интерфейса.

Основные подходы

• Polling (опрос): клиент отправляет запросы на сервер с заданным интервалом (например, каждые 5 секунд) и проверяет статус задачи. Просто реализовать, но создает лишнюю нагрузку.
• Long polling: клиент отправляет запрос, сервер держит соединение открытым до получения результата или таймаута, затем отвечает. Эффективнее обычного polling, но сложнее в реализации.
• WebSocket: устанавливается постоянное двустороннее соединение, сервер сам отправляет обновления. Идеально для реального времени, но требует поддержки на сервере.

Пример реализации polling на JavaScript

async function checkTaskStatus(taskId) {
  const response = await fetch(`/api/tasks/${taskId}`);
  const data = await response.json();
  return data.status;
}

async function pollTask(taskId, interval = 5000) {
  let status = await checkTaskStatus(taskId);
  while (status === 'pending') {
    await new Promise(resolve => setTimeout(resolve, interval));
    status = await checkTaskStatus(taskId);
  }
  console.log('Task completed with status:', status);
}

Вывод

Для длительных операций на клиенте выбирайте polling, если важна простота, или WebSocket, если нужна мгновенная обратная связь. Polling подходит для задач с предсказуемым временем выполнения, WebSocket — для интерактивных приложений.