js13kGames PWA-Tutorial

In diesem Tutorial werden wir den Quellcode einer Website untersuchen, die Informationen über Spiele auflistet, die in der A-Frame-Kategorie des js13kGames 2017 Wettbewerbs eingereicht wurden. Sie müssen sich keine Gedanken über den tatsächlichen Inhalt der Website machen; der Hauptpunkt ist zu lernen, wie Sie PWA-Funktionen in Ihren eigenen Projekten nutzen können.

Wenn Sie vorausgehen möchten, sind die Tutorial-Kapitel wie folgt:

  1. Struktur einer Progressive Web App
  2. Offline-Unterstützung mit Service Workern
  3. PWAs installierbar machen
  4. Verwendung von Benachrichtigungs- und Push-APIs
  5. Progressives Laden

Sie können diese App in Aktion sehen online, und der Quellcode ist auf GitHub verfügbar. Wir werden diesen Code im Laufe dieses Tutorials sorgfältig untersuchen. Lassen Sie uns mit der Struktur unserer Beispiel-App beginnen.