miTT PWA (Progressive Web App) Joomla als APP

Erweiterung der Joomla Webseite um eine Progressive Web App, installierbar und offlinefähig

miTT PWA PUSH (Joomla) 1

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
Weiter zum Kauf!

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
Weiter zum Kauf!

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
Weiter zum Kauf!

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.

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.

Joomla PWA  installieren

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.

Joomla miTT PWA (Progressive Web App) mobile App installieren
Joomla miTT PWA (Progressive Web App) installieren

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.

iOS Push Notification iPhone App - PWA
Joomla miTT PWA (Progressive Web App) installieren

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

miTT Wallet Message Locked Screen
Joomla miTT PWA (Progressive Web App) installieren

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.

Joomla miTT PWA (Progressive Web App) installieren

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.

Dokumentation miTT PWA

Die Einrichtung der Progressive Web App miTT PWA in Joomla

Lesen Sie mehr...

FAQ miTT PWA

Häufig gestellte Fragen zu miTT PWA - Progressive Web App für Joomla

Lesen Sie mehr...

Dokumentation miTT PWA FIRE PUSH

erweiterte Einstellungen für miTT PWA FIRE PUSH

Lesen Sie mehr...

Dokumentation miTT PWA ONE PUSH

erweiterte Einstellungen für miTT PWA ONE PUSH

Lesen Sie mehr...

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.

Lesen Sie mehr...

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.

Lesen Sie mehr...

PWA for Commune

Realisierung der Progressive Web App mit Push Nachrichten in Joomla für eine Kommune.

Lesen Sie mehr...

PWA Scope


Der Scope der Progressiven Web App kann bei der Registrierung des Service Workers definiert werden.

Lesen Sie mehr...