Progressive Web App

Unter einer Progressive Web App (PWA) versteht man eine Webseite, die mit zahlreichen Eigenschaften ausgerüstet ist, die man eigentlich von einer App für mobile Endgeräte kennt. Sie ist somit eine Fusion aus einer herkömmlichen responsiven Webseite und einer App. Die Realisierung von Progressive Web Apps kann, wie bei einer herkömmlichen Webseite, unter Zuhilfenahme von HTML5, JavaScript oder CSS3 erfolgen. Sogenannte Service Worker, bei denen es sich um JavaScript Plugins handelt, sorgen dafür, dass die Offline Inhalte einer Progressive Web App optimal gecacht werden. Bei Progressiven Web Apps muss für die Kommunikation zwischen dem Webserver und dem Webclient zwingend das verschlüsselte HTTPS-Protokoll eingesetzt werden.

Haben Sie Fragen? Fragen Sie uns! Hier klicken

Sinn hinter der Entwicklung von Progressive Web Apps

Bisher gab es eine Lücke im sogenannten Mobile-First Ansatz. Dieser rührte daher, dass immer mehr Menschen ihre mobilen Endgeräte nutzen, um damit im Internet zu surfen und immer weniger herkömmliche Computer hierfür genutzt wurden. Bereits 2014 betrug der Anteil der Internet-User, die ihr Smartphone zum Surfen im Internet benutzten, bereits 69 Prozent. Für viele Anbieter bestand nun das Problem darin, dass neben einer responsiven oder auch mobilen Website zusätzlich eine App entwickelt werden musste, um am Markt bestehen zu können. Dies ist durch Progressive Web Apps nun nicht mehr notwendig. Denn einerseits lassen sich diese speziellen Websites wie einer herkömmliche Website per URL im Browser aufrufen und andererseits stellen sie, wie eine App, auch offline zahlreiche Funktionalitäten zur Verfügung.

Funktionsweise von Progressive Web Apps

Eine PWA würde nicht funktionieren ohne einen sogenannten Service Worker. Hierbei handelt es sich um ein JavaScript, das vom durch den User genutzten Webbrowser im Hintergrund ausgeführt wird. Das Script sorgt durch Offline-Caching dafür, dass die für eine PWA ausmachenden Funktionalitäten überhaupt zur Verfügung stehen. Wurden Inhalte einmal online aufgerufen, stehen sie dem User beim nächsten Mal auch dann zur Verfügung, wenn keine Internetverbindung besteht. Zudem ermöglicht ein Service Worker auch Push-Nachrichten der PWAs, wie man sie bereits von nativen Apps kennt. Die jeweiligen Service Worker müssen speziell für die Seite programmiert werden. Anschließend muss eine Registrierung im JavaScript der Seite sowie eine Installation erfolgen. Service Worker arbeiten ausschließlich mit HTTPS, dadurch ist auch die Notwendigkeit des Protokolls für PWAs bedingt.

Haben Sie Fragen? Fragen Sie uns! Hier klicken

Diverse Funktionalitäten von PWAs

Progressive Web Apps müssen nicht auf der Smart-Device installiert werden, um zu funktionieren. Hierin unterscheiden Sie sich von einer App. Push Nachrichten der Seite auf das Endgerät sind jedoch wie bei einer nativen App möglich. Zudem können offline alle zuvor online gecachten  Inhalte abgerufen werden. Auch die Add to Homescreen Funktion ist bei vielen PWAs verfügbar.