Was sind Progressive Web Apps und wie vergleichen sie sich mit nativen Apps?

progressive-web-apps-featured

Als Technikliebhaber sind Sie wahrscheinlich auf einen Artikel gestoßen, der Progressive Apps erwähnt, wie großartig sie sind, dass sie die Zukunft der Apps sind und dass jede Website eine haben sollte.

Aber was sind progressive Apps genau? Progressive Apps unterscheiden sich nicht grundlegend von Standard-Web-Apps, aber es gibt spezifische Konzepte, die Entwickler erfüllen müssen.

Was sind Progressive Web Apps?

Progressive Web Apps (PWA) sind Web-Apps, die in Ihrem Browser leben und aus CSS, HTML und JavaScript bestehen. Sie können eine PWA auch als eine Mischung aus einer mobilen Website und einer App betrachten. Mit anderen Worten, es ist ein Hybrid.

PWAs nutzen moderne Webtechnologien, und Entwickler können Websites erstellen, die den Nutzern ein app-ähnliches Erlebnis bieten, sowie besser und sicherer funktionieren und schneller laden. Sie sind eine normale Website, sehen aber für die Nutzer wie eine Anwendung aus.

Sie verwenden auch die aktuellsten Webstandards und sind so konzipiert, dass sie korrekt und schnell in fast jedem Browser funktionieren.

progressive-phone

Progressive Web Apps laden auch sofort, unabhängig davon, wie langsam Ihre Internetverbindung sein mag. Sie können die Apps sogar verwenden, wenn keine Internetverbindung besteht, nur ohne den dynamischen Inhalt.

So verwenden Sie eine Progressive Web App offline

Um eine progressive App offline zu verwenden, müssen Sie einige experimentelle Chrome-Funktionen aktivieren. Geben Sie in die Chrome-Adressleiste die folgenden Befehle ein: chrome://flags/#bypass-app-banner-engagement-checks

progressive-flags

Unten sollten Sie die Schaltfläche „Jetzt neu starten“ sehen. Klicken Sie darauf, und beim nächsten Besuch einer Website, die progressive Apps verwendet, werden Sie aufgefordert, sie zu installieren.

Derzeit funktionieren progressive Web-Apps nicht auf Safari/iOS. Das bedeutet, dass Sie den Offline-Modus, Push-Benachrichtigungen oder die Installation auf dem Startbildschirm nicht genießen können. Hoffentlich wird Apple bald auf progressive Apps umsteigen.

Ein Beispiel für eine progressive Web-App ist die Website von Twitter. Sie tut, was eine progressive Web-App tun sollte: Sie hat eine Aufforderung „Zum Startbildschirm hinzufügen“, verringert den Datenverbrauch und hat nahezu sofortiges Laden mit Service-Worker-Skripten.

Sicherheit von Progressiven Apps

Da sie in Ihrem Browser leben, ist kein App-Store erforderlich, und sie verwenden immer HTTPS zur Sicherheit. Wenn eine Website nicht mit HTTPS funktioniert, kann sie nicht als progressive App qualifiziert werden. Die Website muss ein SSL- oder TLS-Zertifikat im Browser installiert haben.

progressive-secure

Eine progressive App ist für jedes Gerät bereit; es spielt keine Rolle, ob es sich um ein Telefon, Tablet, Computer usw. handelt. Da progressive Apps auf einem Shell-Modell basieren, genießen Sie eine Navigation und Interaktionen im App-Stil.

Sie müssen sich keine Sorgen machen, eine veraltete App zu verwenden, da der Aktualisierungsprozess des Service Workers den Inhalt aktuell hält. Progressive Apps können einfach über eine URL geteilt werden, und Sie können sie problemlos auf Ihrem Startbildschirm behalten, ohne auf einen App-Store angewiesen zu sein.

Sie können auch zu Ihrem mobilen Startbildschirm hinzugefügt werden und Push-Benachrichtigungen senden. Progressive Web Apps sind auch ein Vorteil für Unternehmen, die sie nutzen, da sie helfen, Wartungszeit und -kosten zu reduzieren.

Firefox hat dem Beispiel von Chrome gefolgt, und mit Firefox 58 können Sie progressive Web-Apps genießen. Wenn Sie auf eine Website stoßen, die ein gültiges Manifest hat und über HTTPS bereitgestellt wird, sollten Sie ein Badge in der Adressleiste sehen.

Wenn Sie es auswählen, sehen Sie eine Nachricht, die sagt „Zum Startbildschirm hinzufügen“. Sie verlieren keinen Fortschritt, den Sie auf einer Website gemacht haben, wenn Sie auf einen externen Link tippen, wenn Sie die App von Ihrem Startbildschirm aus starten.

PWAs vs. Native Apps

Progressive Web Apps sind besser als native Apps, da Entwickler nicht mehr die Notwendigkeit haben, Apps für mehrere Plattformen zu erstellen. Dies wird den Entwicklern eine erhebliche Menge an Zeit und Geld sparen, ganz zu schweigen von den wirtschaftlichen Einsparungen.

Entwickler müssen nur eine App erstellen, die auf allen aktuellen Plattformen und Geräten funktioniert. Mit Progressive Web Apps müssen Sie nichts installieren, bevor Sie sie verwenden, im Gegensatz zu nativen Apps.

Während PWAs großartig sind, haben sie ihre Nachteile, da sie noch relativ neu sind. Zum Beispiel haben sie eingeschränkte Möglichkeiten, wenn es darum geht, mit den Funktionen Ihres Tablets oder Smartphones zu interagieren.

Sie können immer noch nicht mit Funktionen wie Bluetooth, dem Fingerabdrucksensor, dem Beschleunigungsmesser oder NFC interagieren. Derzeit sind native Apps zuverlässiger als PWAs, aber die Zeit wird zeigen, wie diese Geschichte endet.

PWAs und native Apps unterscheiden sich nicht allzu sehr voneinander. Zum Beispiel werden beide auf dem Startbildschirm gestartet und bieten ein sehr ähnliches Web-Erlebnis/Benutzeroberfläche.

progressive-example

Die Einschränkungen von PWAs

Progressive Web Apps sollen die nächste große Sache sein, aber sie haben ihre Nachteile. Zum Beispiel funktionieren sie nicht in allen Browsern wie Edge, Safari, Internet Explorer und anderen benutzerdefinierten Browsern. PWAs funktionieren jedoch in neueren Versionen von Browsern wie dem Android-Browser von Samsung, Opera und Chrome.

Die Einschränkung betrifft auch Geräte, da nicht alle sie unterstützen können. Android unterstützt PWAs, aber es gibt einige Unterstützungsprobleme, da es noch relativ neu ist.

iOS unterstützt derzeit keine PWAs, da es Probleme hat, Benachrichtigungen und Shortcut-Aufforderungen auf dem Startbildschirm des Geräts zu unterstützen. Bisher hat Apple nicht offiziell angekündigt, ob es PWAs in naher Zukunft übernehmen wird oder nicht.

Wenn Ihnen plattformübergreifende Anmeldungen wichtig sind, sollten Sie möglicherweise von PWAs Abstand nehmen. Sie unterstützen dies nicht, da sie keine Daten unabhängig sammeln können.

Fazit

Progressive Apps sind noch relativ neu, und es gibt immer noch Unternehmen, die sich anpassen oder zumindest darüber nachdenken. Sie sind definitiv die Zukunft, da sie nur dazu beitragen werden, das mobile Erlebnis der Nutzer zu verbessern.

Glauben Sie, dass progressive Apps bleiben werden, oder werden sie aussterben? Teilen Sie Ihre Gedanken in den Kommentaren.