Startseite » wie man » Was sind progressive Web-Apps?

    Was sind progressive Web-Apps?

    Haben Sie sich jemals gewünscht, dass sich Web-Apps eher wie echte Apps verhalten? Progressive Web Apps sind eine neue Technologie, die dies ermöglichen soll.

    Die Kurzversion: Was sind progressive Web-Apps??

    Hier die kurze Zusammenfassung: Google, Microsoft, Mozilla und andere Unternehmen arbeiten an einem neuen, modernen Webanwendungsstandard. Sogar Apple verfolgt und implementiert den Support. Diese Anwendungen sind Web-Apps, sie verhalten sich jedoch mehr wie native Apps. Wie bereits vorhandene Web-Apps werden sie direkt auf der zugehörigen Website gehostet. Entwickler können sie direkt auf ihrem Webserver aktualisieren, ohne diese Aktualisierungen an verschiedene App Stores zu senden. Dieselbe App kann auf allen Browsern und Plattformen ausgeführt werden.

    Wenn Sie eine progressive Web-App installieren, erhalten Sie einen Startbildschirm, eine Taskleiste oder eine Desktop-Verknüpfung, über die die App gestartet wird (abhängig von Ihrer Plattform). Die App wird schnell geladen und umfasst Offline-Unterstützung, Push-Benachrichtigungen, Unterstützung für die Hintergrundsynchronisierung und andere moderne Goodies.

    Diese Apps können auch vorhandene Web-Technologien verwenden, um auf Standortdienste, Ihre Webcam und andere solche Funktionen zuzugreifen, die wir normalerweise mit nativen Apps verknüpfen. Natürlich müssen Apps Sie fragen und Ihre Erlaubnis einholen, bevor Sie auf diese Dinge zugreifen.

    Die technische Version: Wie funktionieren sie??

    Progressive Web Apps sind traditionelle Webanwendungen, die mit modernen Webtechnologien erweitert werden, sodass sie ein App-ähnlicheres Erlebnis bieten. Der "progressive" Teil bedeutet, dass sie mit modernen Webfunktionen "schrittweise verbessert" werden. Dies bedeutet, dass sie auch in älteren Browsern funktionieren, die die neuen Funktionen nicht unterstützen, jedoch besser und mit mehr Funktionen in modernen Browsern funktionieren.

    Diese Apps erhalten ein eigenes Fenster und eine eigene Verknüpfung in der Taskleiste (unter Windows 10 und allen anderen Chrome-Versionen) oder ein Symbol auf dem Startbildschirm (auf Android-Geräten und anderen Smartphones). Wenn Sie sie öffnen, werden sie dank der Cache-API und IndexedDB, die die Ressourcen und Daten der App auf Ihrem Gerät speichern, schnell geladen, sodass sie auch dann arbeiten können, wenn sie offline sind. Durch Technologien wie Service Workers und Push-Benachrichtigungen kann die App Hintergrundaufgaben ausführen, z. B. das Synchronisieren und Senden von Benachrichtigungen, auch wenn sie nicht ausgeführt werden, wie eine native App. Mit der Fetch-API können Daten schneller und einfacher von der App abgerufen werden. Sie verfügen über eine Web-App-Manifestdatei, die einen Namen, ein Symbol, einen Autor und eine Beschreibung enthält, die bei der Installation der App auf dem Startbildschirm oder auf dem Desktop verwendet werden. Sie werden immer über verschlüsseltes HTTPS bereitgestellt, was bedeutet, dass sie sicher sind und Daten während der Übertragung nicht manipuliert werden können.

    Progressive Web Apps sind nicht wie Google Chrome Packaged Apps oder gehostete Web Apps von Microsoft. Dazu musste die App als Datei "gepackt" und an einen App Store übermittelt werden. Die gesamte App lebte in einem kleinen Offline-Paket, und die Benutzer mussten sie entweder vom Chrome Web Store oder vom Windows Store installieren. Diese waren auch plattformspezifisch und funktionieren nur unter Chrome oder Windows. Der Entwickler musste die Dateien der Offline-App ändern und eine neue Version an den App Store übermitteln, um sie zu aktualisieren.

    Stattdessen werden PWAs niemals in eine Offlinedatei gepackt. Wie die traditionellen Web-Apps, die wir heute verwenden, werden sie vollständig auf den Servern der Anwendung gehostet. Wenn ein Entwickler seine progressive Web-App aktualisieren möchte, wird er genauso aktualisiert wie die Web-App auf ihren Servern. Alle Plattformen und Browser, die PWAs unterstützen, können die gleichen Progressive Web Apps verwenden.

    PWAs können zur einfacheren Erkennung und Installation in App Stores aufgeführt werden. Der App Store zeigt jedoch nur auf die Server der Web-App. Auch wenn eine App nicht mit den Inhaltsrichtlinien eines App Stores kompatibel ist, können Benutzer die App direkt über ihren Browser suchen und installieren.

    Warum das wichtig ist

    Dabei geht es nicht nur darum, Web-Apps ein bisschen schöner zu gestalten. Es geht darum, einen neuen Standard für installierbare Apps festzulegen, die von jeder Plattform unterstützt werden. Dies könnte einige überraschende Ereignisse in naher Zukunft bedeuten.

    Wenn diese Arbeit abgeschlossen ist, kann Google beispielsweise Dienste wie Google Mail und Google Kalender als PWA aktivieren. Dies bedeutet, dass sie unter Windows 10 als native Anwendungen ausgeführt werden und im Windows Store aufgeführt sind. Dies würde einen großen Beitrag zur Lösung des Anwendungsproblems des Windows Store leisten, da Google die Universal Windows Platform (UWP) von Microsoft nicht unterstützen möchte. Andere Entwickler, die keine eigenen UWP-Apps erstellen wollten, könnten Windows 10 plötzlich mit nativen PWAs unterstützen.

    Entwickler hätten eine einfachere Möglichkeit, ihre Web-Apps auf einer Vielzahl von Geräten leistungsfähiger und integrierter zu gestalten, ohne durch die App-Store-Bereiche zu springen. Web-Apps, die überall funktionieren, könnten besser mit nativen Apps konkurrieren, die auf einer einzigen Plattform arbeiten. Ein Unternehmen, das nur über die Ressourcen verfügt, um eine einzelne App zu erstellen, kann eine PWA erstellen und alles unterstützen, anstatt separate Apps für iOS, Android, Windows und das Web zu erstellen.

    Aufgrund der Web-App-Manifest-Dateien, die Entwickler zur Verfügung stellen, können Suchmaschinen das Web durchsuchen und die online verfügbaren PWAs leicht finden. Dadurch werden PWAs wie Webseiten leicht auffindbar.

    Auf welchen Plattformen werden sie unterstützt??

    Progressive Web Apps befinden sich seit einiger Zeit in der Entwicklung, werden jedoch einen größeren Sprung in die Öffentlichkeit machen.

    Mit dem nächsten Update von Windows 10 - dem Update vom April 2018 - mit dem Codenamen Redstone 4, das am 30. April veröffentlicht wird, aktiviert Microsoft die Unterstützung für PWAs. Wie auf anderen Plattformen können Sie zur Website von PWA gehen und diese über Microsoft Edge installieren. Microsoft wird jedoch auch Progressive Web Apps zur einfachen Installation im Store aufführen. Entwickler können ihre eigenen Apps im Store auflisten. Microsoft wird jedoch auch Bing verwenden, um gute PWAs im Web zu finden und automatisch aufzulisten. Sie werden weiterhin normal auf ihrer Website gehostet und vom Entwickler aktualisiert, aber Microsoft macht es einfacher, sie zu finden und zu installieren. Sie müssen niemals den Edge-Browser öffnen, um eine PWA unter Windows 10 zu finden, zu installieren und auszuführen. Dies sollte helfen, den Windows Store aufzustocken. Dies scheint jedoch eine schlechte Nachricht für die UWP-App-Plattform von Microsoft zu sein. Warum würden viele Entwickler eine UWP-App erstellen, wenn ein PWA in Ordnung ist und auf mehreren Betriebssystemen ausgeführt werden kann??

    Bei Google Chrome - ob für Windows, Mac, Linux oder Chrome - OS-PWAs sind dabei, die eingestellte Plattform "Chrome Apps" zu ersetzen. Google sagt, die Unterstützung für die Desktop-Installation von PWAs sollte etwa Mitte 2018 ankommen. Dann funktionieren diese PWAs mit Chrome auf dem Desktop. Diese Funktion wird bereits in der unstable-Entwicklungsversion von Chrome namens Canary getestet.

    Auf Android unterstützt Google Chrome bereits die Installation von PWAs sowie andere mobile Browser wie Mozilla Firefox, Opera und den Samsung-Browser. Google arbeitet an einer Technologie namens WebAPK, mit der PWAs in APK-Dateien (Android-App-Dateien) umgewandelt und wie andere Apps auf dem Gerät installiert werden können. Der Projektmanager von Chrome hat angedeutet, dass PWAs auch zum Play Store hinzugefügt werden können.

    Obwohl Apple hier kein Gesangspersonal oder Teilnehmer war, fügt er nun auch dem Safari-Browser PWA-Funktionen hinzu.


    2018 sollte für PWAs ein großes Jahr sein, insbesondere unter Windows 10, in dem sie Microsoft dabei helfen könnten, die App-Lücke zu schließen und mehr native Apps zu haben.

    Bildnachweis: Prabowo96