Progressive Web Apps

Der Browser als Betriebssystem

Mehr als 50 Prozent aller mobilen nativen Anwendungen werden mittlerweile durch Progressive Web Apps (PWA) ersetzt. Eine Progressive Web-App ist eine Web-Anwendung, die spezielle Eigenschaften besitzt und die Lücke zwischen Web-Applikationen und nativen Anwendungen schließt. Der von Apple initiierte und von Google stark geförderte Ansatz verbindet das beste aus allen Welten, einer nativen App, einer responsiven HTML5 Website und einer Web-Applikation. Die Progressive Web App gilt als die Schlüsseltechnologie bei der Verschmelzung von Mobile, Desktop und Web.

Grafik über die Entwicklungsschritte einer PWA
Grafik über die möglichen Endgeräte einer Progressiven Web App

Progressive Web Apps sind die Zukunft der App-Entwicklung

Software wird heute nicht mehr für ein bestimmtes Betriebssystem entwickelt, sondern für den mobilen Einsatz, für diverse Zielplattformen, Umgebungen und Geräte. Der Browser ist das verbindende Element und genau hier spielen PWA ihre Stärke aus. Statt native Apps für ein bestimmtes Betriebssystem zu entwickeln, werden heute plattformübergreifende webbasierte Systeme implementiert. Der Browser ist das neue Betriebssystem.

Progressive Web Apps (PWA) – Mobile App war gestern.

Fortschrittliche Web-Applikationen haben es sich zum Ziel gesetzt, die Entwicklung von Software zu vereinheitlichen. App-Entwicklung der nächsten Generation. Progressive Web Apps greifen auf Gerätefunktionen wie Kamera, Bewegungssensor und Mikrofon zu. All dies war bislang nativen Apps vorbehalten. Da Progressive Web Apps die gleichen Funktionen bieten, lassen sich damit Anwendungen entwerfen, die der Benutzer nicht von einer nativen App unterscheiden kann.

Progressive Web Apps sind die nächste Generation von Web-basierten Anwendungen und erweitern Ihr Projekt um native App-Funktionen.

Responsive WebsiteNative AppsProgressive Web App
Offline verfügbar
Push-Benachrichtigungen
Zugriff auf Kamera
Geolocation
Homescreen Button
Vollbildmodus
Gerätevibration
Telefonie
Kontakte und Kalender
SEO
Zentrale Verwaltung und Pflege
Plattform übergreifend
Keine Installation notwendig
Screenshot der App Onya

Installation so einfach wie ein Lese­zeichen und so flexibel

Die Installation einer PWA erfolgt nicht über den App-Store. Sie kann direkt nach Eingabe der URL als Icon auf dem Homescreen hinzugefügt werden. Progressive Web Apps reduzieren den Aufwand bei Entwicklung, Verteilung und Aktualisierung.

Progressive Web Apps are becoming the new normal for fast, reengaging mobile web experiences for large brands, such as Twitter, Lyft and Forbes.

Quelle: Talk von Addy Osmani, Google, at FluentConf 2017
(https://www.youtube.com/watch?v=FAXMw9whJzE)

Die Idee von PWA ist simpel: Umgehung des App-Stores

Der Kunde installiert die App direkt aus dem Browser und umgeht damit den App-Store des Herstellers. Durch die Auslieferung über den eigenen Webserver anstelle des App-Stores entfallen langwierige Release-Zyklen und Prüfungen durch die Store-Betreiber. Beta-Tests können direkt im Browser erfolgen. Außerdem wird natürlich auch das Konzept der Monetarisierung vereinfacht: Für Umsätze in der App fallen keine App-Store-Provisionen an. Trotzdem haben die Hersteller der großen Mobil-Plattformen wie Apple und Google PWAs als die Zukunftstechnologie erkannt.

Vergleich zwischen dem Nutzerflow einer nativen App und einer progressiven Webapplikation

PWA wird von allen Browsern ab Internet Explorer 9 unterstützt

PWAs sind abwärtskompatibel und können auch in älteren Browsern ausgeführt werden. Durch ihre Anpassung an das jeweilige Endgerät beziehungsweise den jeweils verwendeten Browser vereint die Progressive Web App die Eigenschaften von nativen Apps und responsive Websites. Aufgerufen wird die PWA wie eine herkömmliche Website durch Eingabe der URL.

Der Entwicklungsaufwand wird stark reduziert

Der Entwicklungsaufwand einer PWA ist deutlich geringer im Vergleich zu dem einer nativen App (iOS, Android, Windows Phone) für die jeweiligen Betriebssysteme wie Windows, macOS, Linux und Smart TVs. Die einmalige Programmierung für alle Endgeräte mit einem geeigneten Browser verkürzt außerdem die Zeit der Weiterentwicklung von bestehenden Anwendungen.

Die Funktionen moderner Browser werden voll ausgeschöpft

Durch Features wie Vollbild-Darstellung (ohne Adresszeile), Offline-Fähigkeit und Push-Benachrichtigungen kombiniert mit den Vorteilen von Web-Apps, bilden PWAs eine solide Grundlage für Ihr Projekt – bei vollem Komfort und nativer App-Experience.

Der Entwicklungs- und Deployment-Prozess wird durch die Veröffentlichung über Ihre Website kurz gehalten – dies mindert den Aufwand und erhöht den Komfort für Ihren User: Denn er arbeitet immer mit der neuesten Version.

Onya Case Study lesen
ATMINA Solutions GmbH Logo

Wir realisieren Ihre PWA Projekte

… mit modernsten Technologien wie HTML5, CSS3, Angular 7 und GraphQL. Neben den technischen Neuerungen, die es Ihnen ermöglichen, die Anwendung und damit Ihren Kunden ein Erlebnis wie in einer nativen Applikation zu bieten, kommt es auch immer auf die wirtschaftlichen Aspekte an. Genau an diesem Punkt gewinnt die PWA ganz klar gegen die native App. Der Wegfall der Provision für den App-Store sowie die schlanke Entwicklung der Anwendung sind hierbei zu nennen. Eine Entwicklung und die Ausführung auf allen mobilen Endgeräten sowie dem Desktop sind daher die Zukunft.