Symbolbild Dokumentation con4gis-PWA

Fallbeispiel: PWA konfigurieren

Auswahlmöglichkeiten zur Definition der Manifest-Datei
Zum Vergrößern Bild anklicken

In diesem Modul kannst Du die Verhaltensweisen und das Aussehen Deiner App beeinflussen. Ohne das Erstellen einer solchen Konfiguration kann Deine PWA nicht erstellt werden.

Weitere Informationen findest du unter dem Menüpunkt PWA-Konfiguration.

Webpush-Nachrichten definieren

Einstellungen und Verhalten für das verschicken von Push-Nachrichten
Zum Vergrößern Bild anklicken

In diesem Modul legst Du Einstellungen bzgl. der Push-Benachrichtigungen fest.

Weitere Informationen findest du unter dem Menüpunkt WebPush-Konfiguration.

Testnachricht senden

Versenden einer Testnachricht an Abonnenten
Zum Vergrößern Bild anklicken

Hier kannst Du eine Nachricht an verschiedene Abonnenten verschicken.

Im Backendmodul „Push-Abonnement-Typen“ kannst Du verschiedene Gruppen anlegen (mehr dazu im Abschnitt „Push-Abonnement-Typen“). Diese Gruppen kannst Du unter Abonnement-Typ auswählen und somit bestimmen an welchen Personenkreis Deine Nachricht verschickt werden soll.

Weitere Informationen findest du unter dem Menüpunkt "Testnachricht senden".

Push-Abonnement-Typ

Anlegen eines neuen Abonnement-Types
Zum Vergrößern Bild anklicken

Für Push-Nachrichten können im Frontend-Modul der PWA verschiedene Abonnement-Typen zugeordnet werden. Im Frontend können diese Typen dann verschiedenen Button zugeordnet werden. Dadurch kann ein Frontend-Nutzer je nach Unterseite verschiedenen Abonnements zugeordnet werden. Somit besteht die Möglichkeit verschiedene Nachrichten an unterschiedliche Nutzer zu senden.

Weitere Informationen findest du unter dem Menüpunkt Push-Abonnement-Typen.

Startpunkt der Website anpassen

PWA-Einstellungen am Startpunkt der Website
Zum Vergrößern Bild anklicken

Zusätzlich zu den Backend-Modulen muss Du deine PWA-Konfiguration noch beim Startpunkt der Website auswählen. Ohne das speichern an dieser Stelle, können Deine PWA-Einstellungen nicht angewendet werden.

Unter dem Punkt Seiten nicht cachen kannst du zusätzliche interne Seiten auswählen, welche zu Offline Zwecken nicht gecached werden sollen.

Frontend-Module erstellen

Für die PWA gibt es zwei Frontend-Module:

  • PWA: Manifest hinzufügen
  • PWA: Push-Nachrichten abonnieren

Diese werden benötigt, damit die App überhaupt installiert werden kann, bzw. der Nutzer der Website sich für verschiedene Push-Nachrichten registrieren kann.

Frontend-Moduleinstellungen für PWA Manifest hinzufügen
Zum Vergrößern Bild anklicken

PWA: Manifest hinzufügen

Dieses Frontend-Modul musst Du auf jeden Fall erstellen. Ohne dies kann die PWA nicht auf einem Gerät installiert werden. Unter PWA-Konfiguration wählst Du eine zuvor erstellte Konfiguration aus, welche später geladen werden soll.

Die Contao Cron Jobs musst du aktivieren, falls Du über Events automatisch Push-Nachrichten versenden möchtest.

Dieses Modul musst Du nun auf irgendeiner Seite deiner Website einbinden, z.B. Deiner Startseite. Da dieses Modul keine Inhalte im Frontend anzeigt, sondern nur Code lädt, hat das Modul keine Beeinträchtigung auf die Usability Deiner Website.

Frontend-Moduleinstellungen für PWA Push-Nachrichten abonnieren
Zum Vergrößern Bild anklicken

PWA: Push-Nachrichten abonnieren

Dieses Modul erstellt einen Button mit den sich Nutzer für Push-Nachrichten eintragen können.

Bei den Subscription-Typen handelt es sich um Deine angelegten Abonnement-Typen. Du kannst dort einen oder mehrere Typen auswählen, welche beim Klicken auf den Abonnieren-Button abonniert werden können. Welche der Nutzer genau abonniert, kann er per Checkbox auswählen. Zusätzlich kannst Du die darunter liegende Checkbox, Auswahl deaktivieren, auswählen. Darüber trägt sich der Nutzer automatisch für alle ausgewählten Abonnement-Typen ein.

Das Modul kannst Du nun auf einer beliebigen Seite einbinden.