service_worker

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Das service_worker-Paket bietet JavaScript-Bindings für die Service Worker-API in Flutter-Web-Anwendungen. Es ermöglicht Entwicklern, Service Worker für erweiterte Offline-Funktionen, Hintergrund-Synchronisation und Push-Benachrichtigungen zu nutzen. Durch die Integration in den Lebenszyklus des Service Workers im Browser können Flutter-Apps Ressourcen zwischenspeichern, Netzwerk-Anfragen abfangen und Datenpersistenz auch im Offline-Modus verwalten. Besonders nützlich ist es für die Entwicklung von Progressive Web Apps (PWAs), die eine robuste Offline-Funktionalität und verbesserte Leistung durch Caching-Strategien erfordern.

Anwendungsfälle

Offline-first-Webanwendungen erstellen
Implementierung von Push-Benachrichtigungen
Caching von Assets für schnellere Ladezeiten
Verwaltung von Hintergrund-Synchronisationsvorgängen
PWA-Leistung verbessern
Netzwerk-Anfragen abfangen und ändern

Hauptmerkmale

JavaScript-Interop mit der Service Worker-API
Unterstützung für Offline-Ressourcen-Caching
Hintergrund-Synchronisierung-Integration
Push-Benachrichtigungsverarbeitung
ereignisgesteuerter Lebenszyklus des Dienstarbeiters
Nur Web-kompatibel

Geeignet für

Flutter-Entwickler, die sich auf Web-Plattformen konzentrieren
PWA-Baukasten, die Offline-Unterstützung erfordern
Apps, die Hintergrund-Synchronisierung oder Push-Benachrichtigungen benötigen
Entwickler, die benutzerdefinierte Caching-Strategien umsetzen
Projekte, die sich auf die Web-Leistungs-Optimierung konzentrieren

Hinweise

Nur auf die Webplattform beschränkt
Kenntnisse über JavaScript-Service-Worker-Konzepte erforderlich
Möglicherweise sind zusätzliche Konfigurationen für komplexe Anwendungsfälle erforderlich
Nicht kompatibel mit mobilen oder Desktop-Plattformen
Abhängig von der Browserunterstützung für Service Worker

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

Service Worker API for Dart

Dart-y wrappers for the ServiceWorker APIs.

Warning: the API is experimental, and subject to change.

Service Workers

A service worker is an event-driven worker registered against an origin and a path. It takes the form of a JavaScript file that can control the web page/site it is associated with, intercepting and modifying navigation and resource requests, and caching resources in a very granular fashion to give you complete control over how your app behaves in certain situations (the most obvious one being when the network is not available.)

A service worker is run in a worker context: it therefore has no DOM access, and runs on a different thread to the main JavaScript that powers your app, so it is not blocking. It is designed to be fully async; as a consequence, APIs such as synchronous XHR and localStorage can't be used inside a service worker.

W3C draft: https://www.w3.org/TR/service-workers/
Mozilla doc: https://developer.mozilla.org/en/docs/Web/API/Service_Worker_API

Quickstart

import 'package:service_worker/window.dart' as sw;

void main() {
  if (sw.isSupported) {
    sw.register('sw.dart.js');
  } else {
    print('ServiceWorkers are not supported.');
  }
}

Write the Service Worker in a separate script, like in example/web/sw.dart:

import 'package:service_worker/service_worker.dart';

void main(List<String> args) {
  onInstall.listen((event) {
    print('ServiceWorker installed.');
  });
}

Limitation

You need to force dart2js compilation for service worker to work during debug mode. See build.yaml in the example folder.

Pakete, Repositories und App-Kategorien suchen

Paket installieren