Как отследить прогресс данных бэкэнда от внешнего интерфейса Angular?

Question

У меня есть бэкэнд Java Spring Boot с Mongo.API вызывает класс обслуживания, который создает несколько файлов PDF, помещает их в ZIP-файл и отправляет обратно на уровень контроллера.Мы получаем этот zip-код от контроллера, вызывая вызов API из внешнего интерфейса Angular.

Я хочу отслеживать ход создания PDF (например, 2 из 100 выполнено).Есть ли способ добиться этого?Я хочу показать какой-то индикатор выполнения во внешнем интерфейсе.

Answer 1

Вы можете сделать это, используя базу данных.

• Служба, которая генерирует PDF, может постоянно (или в определенные моменты) обновлять таблицу базы данных трекера.(Вы можете перейти к более подробной информации, такой как имя файла, размер файла или время, потраченное на него)
• В то время как ваше приложение Angular может активировать индикатор выполнения (или полосы) и обновлять его, обращаясь к базе данных

Машинопись

    this.interval = setInterval(() => {
      // access a database and update the progress bar
    }, 1000);
// After you are done: clearInterval(this.interval);

HTML

<div class="progress">
 <div class="progress-bar" role="progressbar" [style.width]="percentDone + '%'" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
    {{ percentDone }}%
</div></div>