What PWA Can Do Today – Was PWA heute kann

Derzeit verfügbare PWA-Funktionen

• Eine PWA (Progressive Web App) ist eine Website, die auf einem Gerät installiert werden kann und ein app-ähnliches Erlebnis bietet.
• Diese App ist eine PWA und kann auf dem Homescreen eines Mobilgeräts oder Desktops installiert werden.
• Nach der Installation kannst du dir die folgenden Funktionsdemos ansehen, um zu prüfen, welche Funktionen auf deinem Gerät unterstützt werden.

Funktionen

• Medienerfassung: Die Web-App kann Kamera und Mikrofon des Geräts verwenden.
• Geolokalisierung: Nutzer können ihren Standort mit der Web-App teilen.
• Benachrichtigungen: Die Web-App kann Benachrichtigungen anzeigen, auch wenn die App nicht aktiv ist.
• Kontaktauswahl: Es können Kontakte des Nutzers ausgewählt werden.
• Web Share: Der standardmäßige Freigabemechanismus des Geräts kann aufgerufen werden, um Text, URLs oder Dateien zu teilen.
• Authentifizierung: Ermöglicht passwortlose Authentifizierung per Fingerabdruckscanner oder externem USB-Sicherheitsschlüssel.
• Dateisystem: Zugriff auf das Dateisystem des Geräts.
• Barcode-Erkennung: Kann Barcodes und QR-Codes in Bildern erkennen.
• Gesichtserkennung: Kann Gesichter in Bildern erkennen.
• Vibration: Kann Mobilgeräte vibrieren lassen.
• Audioaufnahme: Kann Audio aufzeichnen und visualisieren.
• Audio: Kann Steuerelemente für die Medienwiedergabe auf dem Sperrbildschirm des Geräts anzeigen.
• Hintergrundsynchronisierung: Kann Aufgaben im Offline-Zustand aufschieben und ausführen, sobald die Netzwerkverbindung wiederhergestellt ist.
• Hintergrund-Patching: Kann große Dateien im Hintergrund herunterladen, auch wenn die App nicht läuft.
• Capture Handle: Ermöglicht einer Web-App zur Bildschirmaufnahme eine zuverlässige Kommunikation mit der aufgenommenen Web-App.
• Storage API: Die Web-App kann strukturierte Daten dauerhaft im Browser des Nutzers speichern.
• Bluetooth: Die Web-App kann sich mit BLE-Geräten verbinden und Werte lesen oder schreiben.
• NFC: Die Web-App kann NFC-Tags lesen und schreiben.
• Augmented Reality / Virtual Reality: Kann virtuelle Objekte in der realen Umgebung platzieren.
• Zahlungen: Auf der Website kann mit Kreditkarte, Apple Pay oder Google Pay bezahlt werden.
• Wake Lock: Kann verhindern, dass der Bildschirm dunkler wird oder gesperrt wird, wenn die App weiterlaufen muss.
• Ausrichtung: Liefert Informationen über die physische Ausrichtung des Geräts des Nutzers.
• Bewegung: Liefert Informationen über die Änderungsrate von Position und Ausrichtung des Geräts des Nutzers.
• Netzwerkinformationen: Liefert Informationen über die Verbindung des Geräts, sodass die Web-App Funktionen an die Netzwerkqualität anpassen kann.
• Sprachsynthese: Wandelt Text in Sprache um und ermöglicht es Programmen, Textinhalte vorzulesen.
• Spracherkennung: Kann sprachlichen Kontext aus Spracheingaben erkennen.
• Multi-Touch: Kann komplexe Touch-Gesten erfassen.

So werden Sensoren aktiviert

• So lassen sich Bewegungssensoren aktivieren, wenn sie auf dem Gerät nicht verfügbar sind.
• iOS: Gilt nur für iOS 12. Damit die Änderungen übernommen werden, muss die App möglicherweise vom Homescreen entfernt und erneut hinzugefügt werden.
• Android: Öffne diese Website im Chrome-Browser für Android und aktiviere im Hauptmenü den Punkt „Bewegungssensoren“.

Meinung von GN⁺

• PWA ist eine innovative Technologie, die Nutzern ein natives App-Erlebnis bietet und zugleich mit Webtechnologien eine breitere Zugänglichkeit und Kompatibilität ermöglicht.
• Dieser Artikel stellt verschiedene PWA-Funktionen vor; insbesondere Medienerfassung, Geolokalisierung und Hintergrundsynchronisierung sind wichtige Funktionen, die das mobile Nutzererlebnis deutlich verbessern können.
• Durch die Beschreibung zur Aktivierung von Sensoren liefert der Artikel nützliche Informationen, damit Nutzer die Möglichkeiten von PWA auf ihren Geräten möglichst vollständig ausschöpfen können.

[pmc7777]

Ich freue mich schon sehr auf den Tag, an dem PWA den Markt der mobilen App-Stores verändern werden!

[anjin225]

Es wäre noch besser, wenn URL-Schemes unterstützt würden, haha … schade.

[GN⁺]

Hacker-News-Kommentare

• Ein Nutzer erwähnt, dass sein Team PWAs (Progressive Web Apps) für Kunden über Microsoft InTune auf iPad- und Surface-Go-Geräten ausrollt. Das sei um 2020 herum ein Albtraum gewesen, laufe heute aber deutlich reibungsloser. Ein Kunde habe einen verbesserten Prozess vorgeschlagen, bei dem von iPad auf Surface Go gewechselt und zusätzliches Endpoint-Management genutzt wurde, um die PWA-Erfahrung eher wie einen Kiosk-Modus wirken zu lassen. Die größte Einschränkung sei für sie die Qualität der Kamera auf die Umgebung sowie der Grad des Zugriffs auf Kamerafunktionen über den Browser gewesen. iOS/Safari sei anfangs sehr schwach gewesen, inzwischen aber deutlich besser. Heute bekomme man über Safari mit der rückseitigen iPad-Kamera 2k-Umgebungsscans mit 30 fps, und 2D-Barcodescans sowie Dokumentenerfassung seien zu 100 % praktikabel. Diese Funktionen seien früher bei Produktdemos äußerst unzuverlässig gewesen, heute mache man sich darüber keine Sorgen mehr. Wegen der Kameraprobleme habe man fast wieder zu einer nativen iOS-App zurückkehren müssen, aber in einer sonst vollständig auf Microsoft ausgerichteten Umgebung sei es eine große Belastung gewesen, eine native Build-Chain zu pflegen. Früher habe man ein halbes Jahrzehnt lang Enterprise-IPAs für Kunden signiert, inzwischen sei man auf Web/PWA umgestiegen, und wenn das Web verschwinde, werde man sich eine andere Karriere und andere Hobbys suchen.
• Ein anderer Nutzer merkt an, dass der Hauptzweck von PWAs darin bestehe, plattformübergreifende Apps bereitzustellen, und dass es bedauerlich sei, dass die Website nicht prominent kennzeichnet, welche Funktionen unter iOS und Android „universell“ unterstützt werden. Wenn eine Funktion nicht auf allen oder den meisten Plattformen verfügbar sei, sei es nicht fair, zu behaupten, sie sei in einer PWA wirklich nutzbar.
• Ein weiterer Nutzer weist darauf hin, dass selbst die Demo-Site der PWA unter iOS auffällige UX-Bugs habe. Genannt wird ein Problem mit doppelten Animationen, wenn man von beiden Bildschirmrändern wischt, um zurück oder vorwärts zu navigieren. Die Behebung könne so einfach sein wie das Deaktivieren der Slide-Animationen der Seite, aber der Ersteller der Website habe das offenbar entweder nicht bemerkt oder es sei ihm egal gewesen. Apple trage ebenfalls einen Teil der Verantwortung, und idealerweise sollte es eine besser geeignete Schnittstelle geben, mit der sich native Wischgesten erkennen und anpassen lassen.
• Ein Nutzer kritisiert, dass einige in der Hacker-News-Community unhöfliche Kritik hinterlassen, als wäre es nicht sicher, dass der Ersteller der Website die Kommentare sehen wird. Es könne zwar nötig sein, Kritik daran auszuhalten, wenn man eigene Werke veröffentlicht, aber dies sei ein Grund, warum Menschen außerhalb dieser Community es nicht mögen, dass ihre Arbeit hier geteilt wird, oder sich zumindest weigern, die Kommentare dazu zu lesen.
• Ein Nutzer sagt, er hoffe, dass Firefox Desktop sich den Browsern anschließt, die PWA unterstützen. Er entwickle Apps, die primär als PWA gebaut werden, was normalerweise bedeute, dass Nutzer eine Chrome-Instanz ausführen müssten. Wenn Firefox die PWA-Integration nahtloser als Chrome machen würde, wäre das ein Grund, die Apps zu empfehlen.
• Ein anderer Nutzer behauptet, das wichtigste technische Problem, das die PWA-Adoption bremse, sei, dass die JS-Frontend-Welt von Frontend-Frameworks abhängig sei, die die UX zerstören. Außerdem merkt er an, dass App Stores einen zentralen Wert böten, den PWAs niemals haben könnten, und dass Glaubwürdigkeit besonders im iOS-App-Store stärker sei.
• Ein Nutzer sagt, falls diese Seite eine Demo sein solle, die die Möglichkeiten von PWAs gut zeigt, sei sie für ihn gescheitert. Er bemängelt lange Ladezeiten, viele unerwünschte Features/Funktionalitäten und Probleme wie doppelte Navigation, wenn man per Wischgeste zurückgehen wolle.
• Ein anderer Nutzer sagt, er werde warten, bis sich PWAs unter iOS als Freigabeziel registrieren lassen. Er möchte, dass beim Klick auf „Teilen“ auf einer Webseite die App im Share Sheet erscheint.
• Ein Nutzer merkt an, dass es wenig überzeugend sei, wenn ein GitHub-Repository nur einen Bug-Tracker, aber keinen Quellcode enthalte, und argumentiert, dass man den vollständigen Source Code bereitstellen sollte, wenn man PWAs wirklich bewerben wolle.
• Abschließend erwähnt ein Nutzer, dass mehrere Funktionen der Demo-App unter iOS 17 nicht funktionieren, und bemerkt sarkastisch, dass Apple es wohl genau so wolle. Gleichzeitig habe er die Eclipse Emulator PWA einige Tage lang unter iOS genutzt, und sie habe sehr gut funktioniert. Das einzige Problem bisher sei stotternder Ton bei der Emulation von SNES gewesen.