miTT PWA (Progressive Web App) Joomla als APP
Erweiterung der Joomla Webseite um eine Progressive Web App, installierbar und offlinefähig
miTT PWA
Progressive Web App
Joomla Plugin
Mit dem miTT PWA Plugin für Joomla mutiert die Joomla Webseite zur ein installierbaren Mobile- und Desktop Applikation (Joomla App). "Appifizieren" Sie Ihre Joomla Webseite zu einer Android App, iOS App oder Desktop Anwendung, egal ob miTT PWA, miTT PWA FIRE PUSH oder miTT PWA ONE PUSH.
miTT PWA
- ✔️ installierbar auf dem Smarthphone oder Desktop
- ✔️ Installationshinweis Android
- ✔️ iOS Install Hinweis
- ✔️ eigener PWA Installations Button
- ✔️ Zeitintervall für die PWA Aktualisierung
- ✔️ Hintergrund Aktualisierung für Beiträge (HTML) und Bilder
- ✔️ Installations-Statistik PWA
- ✔️ Pull down zum Aktualisieren
- ✔️ Joomla 3 und Joomla 4 kompatibel
- ✔️ Joomla 3 und Joomla 4 kompatibel
- ✔️ Pull down to Refresh
Webseiten Ladezeitoptimierung
- ✔️ Offline Nutzung
- ✔️ Fallback Offlineseite
- ✔️ Cache First
- ✔️ Network First
- ✔️ Cache Strategie abhängig von Internet Verbindung
- ✔️ Statischer Cache
- ✔️ CDN Support für externe Dateien
- ✔️ Cache Ausnahmen
Push Nachrichten
- ✖️ kein Support für Push Nachrichten
miTT PWA FIRE PUSH
- ✔️ installierbar auf dem Smarthphone oder Desktop
- ✔️ Installationshinweis Android
- ✔️ iOS Install Hinweis
- ✔️ eigener PWA Installations Button
- ✔️ Zeitintervall für die PWA Aktualisierung
- ✔️ Hintergrund Aktualisierung für Beiträge (HTML) und Bilder
- ✔️ Installations-Statistik PWA
- ✔️ Pull down zum Aktualisieren
- ✔️ Joomla 3 und Joomla 4 kompatibel
Webseiten Ladezeitoptimierung
- ✔️ Offline Nutzung
- ✔️ Fallback Offlineseite
- ✔️ Cache First
- ✔️ Network First
- ✔️ Cache Strategie abhängig von Internet Verbindung
- ✔️ Statischer Cache
- ✔️ CDN Support für externe Dateien
- ✔️ Cache Ausnahmen
Push Nachrichten
- ✔️ Firebase Cloud Messaging
- ✔️ Versand von Push Nachrichten aus dem Joomla Beitrag
- ✔️ K2, FLEXIcontent, Virtuemart Support
- ✔️ App Badge Zähler
- ✔️ unterstützt wird Chrome, Firefox, Edge, Android, Windows, Linux, OSX
miTT PWA ONE PUSH
- ✔️ installierbar auf dem Smarthphone oder Desktop
- ✔️ Installationshinweis Android
- ✔️ iOS Install Hinweis
- ✔️ eigener PWA Installations Button
- ✔️ Zeitintervall für die PWA Aktualisierung
- ✔️ Hintergrund Aktualisierung für Beiträge (HTML) und Bilder
- ✔️ Installations-Statistik PWA
- ✔️ Pull down zum Aktualisieren
- ✔️ Joomla 3 und Joomla 4 kompatibel
Webseiten Ladezeitoptimierung
- ✔️ Offline Nutzung
- ✔️ Fallback Offlineseite
- ✔️ Cache First
- ✔️ Network First
- ✔️ Cache Strategie abhängig von Internet Verbindung
- ✔️ Statischer Cache
- ✔️ CDN Support für externe Dateien
- ✔️ Cache Ausnahmen
Push Nachrichten
- ✔️ One Signal Integration
- ✔️ Versand von Push Nachrichten über One Signal Platform
- ✔️ unterstützt wird Chrome, Firefox, Edge, Android, Windows, Linux, OSX
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
- Dokumentation miTT PWA
- Mobile Web App (PWA) in Aktion
- iOS Installation Banner
- PWA auf mobilem Gerät öffnen
- iOS Push Notification
- App Shortcuts
- miTT Wallet Messages
- Performance PWA
- Periodic Background Sync
- iOS Push Notification - video
- Wie richte ich miTT PWA ein? - video
- Pull Down zum Aktualisieren der PWA - video
- Öffnen Sie die installierte App über E-Mail- video
- Warum sollte man eine PWA verwenden? - video
mitt PWA Documentation
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.

Verbesserte Joomla PWAs 📲: Anzeigen von iOS-Push-Benachrichtigungen für eine verbesserte Nutzerbindung 🚀
Profitieren Sie von der reibungslosen Kommunikation mit miTT PWA, die Push-Nachrichten nahtlos direkt aus dem Joomla-Backend an Ihr iOS-Gerät sendet und sofortige Push-Benachrichtigungen gewährleistet.
Wie richtet man eine mobile App in Joomla mit miTT PWA (Progressive Web App) ein?
Ein kurzes Video, wie man das miTT PWA Plugin in Joomla einrichtet.
Pull down to refresh your Joomla App
In diesem Video zeige ich, warum es von Vorteil ist, dem Benutzer die Möglichkeit zu geben, die mobile Anwendung zu aktualisieren.
Wie kann man die installierte Joomla App (PWA) von einer externen Quelle aus öffnen?
Eine installierte PWA kann über eine Mail-Anwendung oder eine URL geöffnet werden. Ich zeige Ihnen, wie es mit miTT PWA funktioniert.
JAB20 – Progressive Web App - Why should you use this technique, which possibilities do you have?
On the Joomla Conference JandBeyond I had a presentation about PWA. This lecture shows the possibilities of a PWA, as well as the technical functioning of a Progressive Web App.
Weitere Artikel zum Thema PWA (Progressive Web App)
Progressive Web App unverzichtbar für jede Webseite?
Eine PWA bietet viele Vorteile gegenüber einer klassischen Webseite.
JoomlaDay Vortrag PWA
Mein Vortrag auf dem JoomlaDay in Wien "Zeige mir Deine Offline Seite (PWA)" Wien zeige ich die Erstellung einer Progressiven Web App anhand eines Beispiels auf.
PWA for Commune
Realisierung der Progressive Web App mit Push Nachrichten in Joomla für eine Kommune.
PWA Scope
Der Scope der Progressiven Web App kann bei der Registrierung des Service Workers definiert werden.