miTT PWA (Progressive Web App) Joomla als APP

Joomla als App mit miTT PWA

Eine PWA kann verschiedene Einsatzgebiete haben, die Vorteile als mobile installierbare App, aber auch Desktopapplikation eingesetzt werden. Als Einzigartigkeit bietet miTT PWA für Joomla bietet die volle Kontrolle über die Einstellung des Cache, Network First, Cache First, Cache Ausnahmen und Statischer Cache, sowie de Gestaltung der Offline Seite.

Bei der Wahl von miTT PWA (Progressive Web App für Joomla) ist das Key Feature die Verwaltung des Caches. Die Technnologie PWA bietet ihre Joomla Webseite unter anderem Vorteile wie plattformübergreifende Kompatibilität, Unabhängigkeit von den App Stores und eine bessere Performance.

Inhaltsverzeichnis miTT PWA für Joomla

1. Dokumentation miTT PWA
2. Mobile Web App (PWA) in Aktion
3. iOS Installation Banner
4. PWA auf mobilem Gerät öffnen
5. iOS Push Notification
6. App Shortcuts
7. miTT Wallet Messages
8. Performance PWA
9. Periodic Background Sync
10. iOS Push Notification - video
11. Wie richte ich miTT PWA ein? - video
12. Pull Down zum Aktualisieren der PWA - video
13. Öffnen Sie die installierte App über E-Mail- video
14. Warum sollte man eine PWA verwenden? - video

mitt PWA Documentation

1. Dokumentation miTT PWA
2. Dokumentation Fire Push
3. Dokumentation One Push
   
   

In der Dokumentation wird der Vorgang zur Einrichtung des Plugins beschrieben, so dass Sie von den Vorteilen profitieren können. Für miTT PWA Fire Push ( Dokumentation Fire Push) und miTT PWA ONE PUSH (Dokumentation One Push) sind die speziellen Einstellungen separat dokumentiert. Für die notwendigen Schritte zur Installation gibt es ein Video auf Englisch: Wie richte ich eine mobile App in Joomla mit miTT PWA (Progressive Web App) ein?

Sollte Ihre Frage nicht im FAQ vorhanden sein, stellen Sie eine Supportanfrage am Besten per Formular, um das Problem schnell zu lösen. Bei allgemeinen Fragen oder zu den Produkten schreiben sie mir gerne eine E-Mail. Das Joomla miTT PWA Plugin ist in JED (Joomla Extensions Directory) gelistet.

Mit Joomla zur mobilen Web App (Android PWA)

Sobald der Benutzer mit einen Android Smartphone die Webseite aufruft, zeigt der Browser den Hinweis an, ob man die Webseite dem Startbildschirm hinzufügen will an. Nach Klick wird ein neues Pop Up erzeugt, um diese PWA den Gerät hinzuzufügen.

Je nach Browser, kann es sein, dass diese Meldung erst nach einem wiederholtem Aufruf erscheint. Der Google Chrome Browser zeigt auf den Desktop Rechnern auch einen "Installieren Button" in der Browsereingabezeile rechts an.

Es wäre auch möglich einen eigenen "Installationsbutton" auf der Webseite bzw. mobile Web App zu platzieren, um die Installation der Progressive Web App zu triggern. Weiter zu den PWA Joomla Plugins

iOS Install Banner und Splash Screen (iOS App Joomla)

Auf iOS wird keine automatischer Banner zur Installation angezeigt, sowie es besteht noch keine Möglichkeit die Installation durch einen Button zu ermöglichen. Abhilfe schafft ein Notizbanner, welche auf die Installationsmöglichkeit der PWA (Progressive Web App) hinweist. Um die App zu installieren, fügen Sie die Webseite den Home Screen hinzu. Auch ein Splash Screen wird beim Öffnen der App angezeigt, sofern die Inhalte der App nicht schnell geladen werden können.

Starten Sie Joomla als PWA (Progressvie Web App) auf Android und iOs

Wie jede App wird dies mit "Touch" auf das von Ihnen vorher im Joomla Plugin konfigurierte Icon gestartet. Beim Öffnen der App wird wie gewohnt ein Splash Screen mit Logo und Hintergrund, welcher über das Plugin konfiguriert wird.

Für Ansicht der eigentlichen App sind verschiedene Ansichten einstellbar, von "fullscreen", "minimal-ui", "standalone" oder "browser" einstellbar.

iOS PWA: Sofortige Push-Benachrichtigungen für Ihr iPhone.

iOS unterstützt Push-Benachrichtigungen seit iOS 16.4. Der Benutzer muss zunächst zustimmen, Push-Benachrichtigungen zu erhalten. Dies geschieht durch einen Klick auf die Schaltfläche "Zulassen" im Pop-up-Fenster. Der Nutzer kann diese Einstellung auch jederzeit in den Einstellungen der PWA (Progressive Web App) ändern.

PWA App Kurzbefehle (App Shortcuts)

App Shortcuts sind Verknüpfungen, um schnell in der der PWA Teile der App erreichen zu können.
Der Benutzer erreicht die App Shortcuts entweder über Rechtlklick der Desktop Applikation oder langem Touch auf dem Android Smartphone. (Unterstützung ab Chrome Version 84)

miTT Wallet Messages

Mit miTT Wallet Messages können auch Push Nachrichten an iOS Geräten versendet werden. Wie das genau funktioniert, erfährt man in diesem Video .

Weiter zu miTT Wallet Messages

Optimale Performance für den Benutzer

miTT PWA für Joomla unterstützt die Cache API des Browsers. Der Service Worker sorgt dafür, dass Statische Files, Bilder, Webfont und der Inhalte der Seiten in den "Service Workers" Cache des Browsers gelegt werden. Dieser Cache ist statisch und performant und zudem kontrollierbar im Gegensatz zum "Memory Cache" des Browser.
Es besteht die Möglichkeit zwischen Network First, Cache First oder je nach der Qualität der effektiven Internetverbindung für das Laden der Seiteninhalte zu wählen. Dadurch wird diese PWA Komponente einzigartig und eine optimale Performance beim Besucher ist garantiert.

Besseres Offline Erlebnis mit Periodic Background Sync der mobilen Joomla App (PWA)

Bei regelmäßig wechselnden Inhalten wie z. B. bei News kann es sinnvoll sein, Inhalte im Hintergrund zu aktualisieren. Somit hat der Benutzer bei keiner oder schlechten Internetverbindung immer Zugriff auf die neuesten Inhalte. Der Benutzer der mobilen Web-App bekommt hier nichts mit, darf sich aber über die offline verfügbaren Inhalte erfreuen. Ein weiteres Feature, welches der PWA ein natives App Feeling verleiht.

Unterstützt wird dieses Feature momentan von Browsern, welche auf Chromium basieren. Dazu zählen Chrome und Microsoft Edge.

Weitere Artikel zum Thema PWA (Progressive Web App)