Maxim Salnikov

@webmaxru

Background-enabled

Web Apps

I want to have the possibility run some webapp code in the background

Today and on all platforms

Maxim Salnikov

@webmaxru

  • Technical speaker

  • Web / Mobile  / PWA meetups organizer

  • ngVikings and Mobile Era conferences organizer

  • Building web since late 90s

Developer Engagement Lead at Microsoft Norway

Running code in the background

  • Extra value to the user experience

  • Privacy / security / performance considerations

  • Developer ergonomics

  • Based on Web standards

  • Progressive enhancement

Triggered by

Server command

Time event

Other event?

Push?

Geofence?

Battery status?

Network status?

https://stackoverflow.com/questions/33092065/google-chrome-silent-push-notifications

https://stackoverflow.com/questions/56432441/is-there-a-way-to-schedule-offline-notifications-in-a-pwa/56435090#56435090

Generic schedule?

Periodic events

Periodic background sync

https://web.dev/periodic-background-sync/

https://goo.gle/fugu-api-tracker

https://chromium.googlesource.com/chromium/src/+/f384207e04ad27f58287e972907f17ad66acc115/docs/security/permissions-for-powerful-web-platform-features.md

const registration = await navigator.serviceWorker.ready;
if ('periodicSync' in registration) {
  try {
    await registration.periodicSync.register('content-sync', {
      // An interval of one day.
      minInterval: 24 * 60 * 60 * 1000,
    });
  } catch (error) {
    // Periodic background sync cannot be used.
  }
}
self.addEventListener('periodicsync', (event) => {
  if (event.tag === 'content-sync') {
    // Think before you sync!
    event.waitUntil(syncContent());
  }
});

aka.ms/pwa-slack

  • 2000+ developers

  • Major browsers/frameworks/libs reps

Thank you!

Maxim Salnikov

@webmaxru

Made with Slides.com