BackgroundFetchUpdateUIEvent

Интерфейс BackgroundFetchUpdateUIEvent API "Фоновый запрос" представляет собой тип события для событий backgroundfetchsuccess и backgroundfetchfail, и предоставляет метод для обновления заголовка и значка приложения, чтобы проинформировать пользователя об успехе или неудаче фонового запроса.

BackgroundFetchUpdateUIEvent() Экспериментально

Создает новый объект BackgroundFetchUIEvent. Этот конструктор обычно не используется, так как браузер сам создает эти объекты для событий backgroundfetchsuccess и backgroundfetchfail.

Также наследует свойства от родителя, BackgroundFetchEvent.

Также наследует методы от родителя, BackgroundFetchEvent.

BackgroundFetchUpdateUIEvent.updateUI() Экспериментально

Обновляет заголовок и значок в пользовательском интерфейсе, чтобы отобразить статус фонового запроса. Разрешает с помощью Promise.

В этом примере подписывается на событие backgroundfetchsuccess, что указывает на успешное завершение запроса. Затем вызывается метод updateUI() с сообщением, чтобы пользователь знал, что эпизод, который он загрузил, готов.

addEventListener("backgroundfetchsuccess", (event) => {
  const bgFetch = event.registration;

  event.waitUntil(
    (async () => {
      // Create/open a cache.
      const cache = await caches.open("downloads");
      // Get all the records.
      const records = await bgFetch.matchAll();
      // Copy each request/response across.
      const promises = records.map(async (record) => {
        const response = await record.responseReady;
        await cache.put(record.request, response);
      });

      // Wait for the copying to complete.
      await Promise.all(promises);

      // Update the progress notification.
      event.updateUI({ title: "Episode 5 ready to listen!" });
    })(),
  );
});