Lukas G.Hinweis: Der folgende Artikel hilft Ihnen dabei: Was ist PWA und wie verwendet man sie mit Magento?
Beginnen wir mit der Beantwortung der Frage: Was ist PWA? PWA steht für Progressive Web Apps. Progressive Web-Apps sind ein Muster zum Erstellen von Webanwendungen mit HTML, CSS, JS und modernen Webbrowser-APIs, um ein natives Erlebnis zu bieten.
PWAs vereinen das Beste aus zwei Welten: Web und native Apps. PWAs sind wie andere mobile Anwendungen einfach zu installieren und erleichtern die Entwicklungsarbeit für jeden Händler, der so viele Kunden wie möglich erreichen möchte.
Auch wenn die Funktionsgleichheit zwischen Progressive Web Apps und nativen Apps noch nicht 1:1 ist, haben PWAs seit ihrer Einführung große Fortschritte gemacht. Funktionen wie sofortiges Laden, Push-Benachrichtigungen und Offline-Navigation/-Kauf sind jetzt überall verfügbar, egal für welche PWA-Implementierung Sie sich entscheiden.
Sie werden nicht in jedem Fall der richtige Ansatz sein – wenn Sie beispielsweise eine Funktion benötigen, die nicht in einem Webbrowser oder über eine API verfügbar ist, müssen Sie wahrscheinlich den nativen Weg wählen. Aber die PWA-Funktionen werden immer weiter ausgebaut und was heute vielleicht eine native App erfordert, könnte morgen PWA-würdig sein. Projekt Fugu ist ein guter Ort, um zu sehen, was kommt und woran gerade gearbeitet wird.
Warum sind PWAs so eine große Sache?
PWAs verfügen über eine unglaubliche Reihe von Funktionen, die früher nur nativen mobilen Apps vorbehalten waren. Während normale Web-Apps auf jedem Gerät mit Browser eine enorme Reichweite haben, sind diese Apps letztendlich nur eine Webseite in einem Browser.
Native Apps sind eine weitere Möglichkeit, mobile Benutzer zu erreichen, sie müssen jedoch jeweils für eine Plattform/ein Betriebssystem entwickelt werden. PWAs ermöglichen die Entwicklung einer einzigen App für Plattformen. Auf diesen optimierten Ansatz haben mobile Entwickler sehnsüchtig gewartet – er kann problemlos jeden potenziellen Kunden erreichen, unabhängig davon, welches Betriebssystem er verwendet.
Sie lösen auch eines der schwierigsten Probleme, mit denen Entwickler konfrontiert sind: die Verteilung. Da Sie diese Apps nicht auf einem Marktplatz veröffentlichen müssen, können Sie einfach ein paar Zeilen zu Ihrem Manifest hinzufügen und PWAs mit ein paar Klicks einfach installierbar machen. Die Ergebnisse führen zu einem konsistenten Kundenerlebnis, das sie von einer nativen Anwendung erwarten. Mit PWA erhalten sie jedoch ein eigenständiges Erlebnis, das vollständig vom Webbrowser getrennt ist.
Das bedeutet ein Vollbilderlebnis ohne URL-Leiste, die Möglichkeit, die PWA zu installieren und an den Startbildschirm Ihres Geräts anzudocken, anstatt eine normale Webseite zu besuchen, und alles andere Servicemitarbeiter hat anzubieten.
Anstelle der herkömmlichen Methode zur Aktualisierung über die Übermittlung eines Formulars und das Warten auf die Genehmigung und Veröffentlichung der neuen Version im App Marketplace sind an einer PWA vorgenommene Änderungen sofort verfügbar, wenn Sie das nächste Mal mit dem Internet verbunden sind und die App öffnen. Die PWA-Installation ist mittlerweile eine Standardfunktion, die in allen gängigen mobilen Browsern sowie in Chrome und Edge auf dem Desktop verfügbar ist.
Wie hilft PWA Magento-Händlern?
Seien wir ehrlich: Das Magento 2-Frontend war bereits alt, als es veröffentlicht wurde, und wir haben gesehen, wie es mit Frameworks wie Prototype.js und Knockout.js funktioniert.
Das JavaScript-Ökosystem entwickelt sich schnell und ständig weiter und folgt dabei den aktuellsten Frameworks, Entwicklertrends und aktualisierten Best Practices. Dies macht es schwierig, mit der Pflege getrennter Codebasen Schritt zu halten.
PWAs sind für Händler, die Magento 2 verwenden, besonders attraktiv, da sie die Komplexität der Front-End-Entwicklung reduzieren und Ihnen Flexibilität, Erweiterbarkeit und die Möglichkeit bieten, Ressourcen für die Entwicklung neuer Funktionen bereitzustellen. Entwickler können fast alles im regulären Magento 2-Frontend zu einem Bruchteil der Kosten und des Zeitaufwands implementieren, indem sie eine der verfügbaren APIs verwenden.
Wie können Kunden eine PWA auf Hostinger ausführen?
Wir haben es einfach gemacht, PWA auf der Hostinger-Plattform auszuführen. Wir haben eine Schritt-für-Schritt-Anleitung erstellt Informationen zur Installation von Magentos offiziellem PWA PoC, Venia Storefront. In dieser Ressource wird beschrieben, wie Sie diesen PoC erstellen, kompilieren und auf einen unserer Server übertragen können, ohne dass Middleware-Dienste gestartet und gewartet werden müssen.
