iOS öffnet seine Türen für Progressive Web Apps

Written by Muriel Santoni on Donnerstag 12 April 2018

Große Neuigkeiten für alle, die sich bereits mit Progressive Web Apps befasst haben, und für diejenigen, die noch darüber nachdenken!

Sie kennen bereits das Potential von Progressive Web Apps, Webanwendungen, die neue Funktionen in Browsern wie Chrome bieten und deren Verhalten und Erfahrung mit denen von nativen Apps vergleichbar sind. Der Hauptunterschied besteht darin, dass die Installation ihres Symbols und der Download auf das iPhone anders als bei einer nativen App erfolgen.

Progressive Web Apps haben seit letztem Jahr einen langen Weg zurückgelegt, aber ihr Haupthindernis war das Fehlen einiger ihrer Schlüsselfunktionen auf iOS-Apps.

In einem früheren Blog-Eintrag haben wir Ihnen das Herzstück von Progressive Web Apps vorgestellt, oder anders ausgedrückt, ein Schlüsselelement, das es ihnen ermöglicht, eine solche Benutzererfahrung zu bieten: die Service Workers. Sie sind die technische Grundlage, die PWAs von herkömmlichen Webseiten unterscheidet.
Dieses Skript, das im Hintergrund des Browsers ausgeführt wird, bietet eine Vielzahl von Entwicklungsmöglichkeiten, mit denen das Verhalten einer App stark verändert werden kann. Ohne Dienste-Worker können Progressive Web Apps nicht alle ihre Versprechungen einhalten, weshalb die Inkompatibilität zwischen Diensten-Worker und iOS-App ein Hindernis darstellt.

Mit dem Update auf iOS 11.3 scheint Apple nun offiziell in das Groß der Progressive Web Apps einzusteigen, da Service Workers nun mit iOS kompatibel sind!

Welche Funktionen sind mit Worker Dienste auf iOS verfügbar?

Seit dem Update auf iOS 11.3 freuen wir uns sehr, Ihnen mitteilen zu können, dass die Nutzer Ihrer PWA, die diese auf ihrem iPhone iOS installiert und heruntergeladen haben, nun die folgenden Funktionen nutzen können:

Offline-Betrieb
Behebung eines Fehlers bei der Verwendung der Kamera

Diese Funktionen sind zugänglich, wenn die PWA in Safari oder direkt vom Startbildschirm des Geräts aus (Vollbildmodus) ausgeführt wird.

Die Dienste von Workers werden nicht in Web Views unterstützt, d.h. in anderen Browsern als Safari (z.B. in Chrome iOS oder im integrierten Browser von Facebook).

Ich habe bereits eine PWA, wie kann ich diese neuen Funktionen nutzen?

Sie müssen Ihrerseits sicherstellen, dass Ihre PWA nach dem 6. April generiert wurde. Um dies zu überprüfen, gehen Sie in das Menü Veröffentlichen > Aktualisieren > Progressive Web App Engine. Starten Sie die Generierung Ihrer PWA erneut, wenn das angegebene Datum älter als der 6. April ist.

Ihre Nutzer müssen iOS 11.3 (oder eine neuere Version) auf ihrem Gerät installiert haben. Nach der Installation des iOS 11.3 Updates wird Ihre PWA alle Vorteile der Service Workers nutzen können.

Gibt es Unterschiede zwischen PWAs auf Android und iOS?

Trotz des großen Fortschritts, den dieses Update für iOS darstellt, gibt es einige Unterschiede in der Funktionsweise von PWAs auf iOS und Android. Hier sind die wichtigsten Unterschiede in der Funktionsweise zwischen den beiden Betriebssystemen:

- Cache-Management: Der Offline-Betrieb von PWAs wird durch ein Cache-Management-System ermöglicht. Bei iOS ist die Datenspeicherung auf 50 MB begrenzt, bei Android nicht.
Bei Android werden die gespeicherten Dateien gelöscht, wenn der Speicherplatz voll ist, während bei iOS die im Cache gespeicherten Dateien gelöscht werden, wenn die PWA mehrere Wochen lang nicht vom Benutzer genutzt wird. Die Daten werden beim Öffnen der PWA wieder heruntergeladen.

- Synchronisation im Hintergrund: Ist unter Android möglich, aber nicht unter iOS.

- Push-Benachrichtigungen: Diese werden unter iOS noch nicht unterstützt. Apple schweigt sich noch immer über eine mögliche Unterstützung von Push-Benachrichtigungen in Safari aus, jedenfalls gibt es derzeit keine Möglichkeit dazu mit iOS 11.3.

- Unter Android können PWAs auf Bluetooth zugreifen, was unter iOS nicht der Fall ist.

Werden die nächsten iOS-Updates neue Funktionen mit sich bringen?

Bis heute sind bei Apple bereits Entwicklungen im Gange, die PWAs begünstigen.

Nach den Service Workers scheint es, dass Apple an der Unterstützung des Web App Manifests durch den Browser arbeitet. Dies ist eine wichtige Komponente von PWAs. Diese Beschreibung ermöglicht es, die Elemente zu definieren, die während des Betriebs der PWA im Vollbildmodus , wie vom W3C definiert, verwendet werden. Die Berücksichtigung des Web App Manifests in Safari würde zum Beispiel Folgendes ermöglichen:

Erzwingen der Bildschirmausrichtung bei der Nutzung der PWA im Vollbildmodus (d.h. wenn sie von ihrem Symbol auf dem Startbildschirm aus gestartet wird).
In Safari einen Prozess integrieren, der den Benutzer auffordert, die PWA auf seiner Willkommensanzeige zu installieren (unter Android wird automatisch ein Pop-up angezeigt). Das Web App Manifest enthält alle Elemente, die es Webkit-Teams ermöglichen, eine Komponente dieses Typs zu erstellen.
Bauen Sie einen Startbildschirm für die PWA. Unter Android wird dieser Bildschirm aus dem App-Hintergrund-Symbol, dem Namen und einer Hintergrundfarbe erstellt, die im Manifest beschrieben sind.

Wie installiere ich meine PWA auf dem Startbildschirm?

Wie man eine PWA zu Ihrem iOS Start-Bildschirm hinzufügt

Es ist möglich, eine PWA auf dem Home-Bildschirm Ihres iOS-Geräts zu installieren. Der Nutzer Ihres Netzwerks muss dies jedoch selbst tun, da keine automatische Einladungsnachricht angezeigt wird.
Hier sind die Schritte, die Sie unternehmen müssen, um eine PWA auf dem Home-Bildschirm zu installieren:

1. Rufen Sie die PWA über ihre URL in Safari auf.

2. Klicken Sie auf die Schaltfläche Teilen in Safari.

3. Klicken Sie auf "Zum Startbildschirm hinzufügen".

4. Überprüfen Sie, ob der Name, der auf Ihrem Startbildschirm erscheinen wird, für Sie geeignet ist. Ändern Sie ihn ggf. und klicken Sie auf "Hinzufügen".

Warum ist das Update auf iOS 11.3 eine Chance für Sie?

Die Progressive Web Apps waren bereits unter iOS funktionsfähig und sind nun auf demWeg, auch auf Apples Geräten voll funktionsfähig zu sein. Die Unterstützung von Dienste Workers und die laufenden Entwicklungen des Web App Manifests geben Anlass zur Hoffnung auf eine Fortsetzung der Geschichte zwischen Apple und PWAs.

Einer der unbestreitbaren Vorteile von Progressive Web Apps ist ihre Zugänglichkeit. Da sie im Web ausgeführt werden, sind sie über eine einfache URL zugänglich, werden in Suchmaschinen gelistet und, was noch wichtiger ist, sie können nach der Installation auf dem Startbildschirm wie jede andere Sonstige App verwendet werden.

Die ersten beiden Punkte sind mehr als positiv für Ihren Bekanntheitsgrad in Ihrem Netzwerk, der letzte Punkt ist jedoch von entscheidender Bedeutung. Ein neuer Vertriebskanal, der sich vom App Store unterscheidet, steht Ihnen offen. Das World Wide Web, offen und frei.

UM WEITER ZU GEHEN :

Möchten Sie in die Welt der mobilen Anwendungen einsteigen und Ihre mobile Präsenz ausbauen? Erfahren Sie, wie Sie eine mobile App online erstellen können! Ohne Programmierkenntnisse können Sie eine native App oder eine PWA für iOS und Android erstellen.
Wenn Sie mit der Entwicklung eines Systems für mobile Geräte beginnen, haben Sie die Wahl zwischen verschiedenen Optionen: native Apps und PWAs. Wenn Sie sich für die erste Option entschieden haben, lernen Sie die besten Funktionen für eine native Anwendung kennen! Sie werden erfahren, wie Sie mobile Apps für iOS- oder Android-Handys erstellen, die sich von der Masse abheben und Ihren Nutzern gefallen werden.
Unser Autorensystem ermöglicht Ihnen den Einstieg in die Online-Entwicklung einer PWA als Worker. Dank der erweiterten Technologie ist eine mobile Anwendung nicht mehr zwangsläufig eine native Anwendung! Wenn Sie sich dafür entschieden haben, finden Sie heraus, ob die Funktionen Ihrer Progressive Web App mit den verschiedenen Browsern kompatibel sind. Im Gegensatz zu nativen Anwendungen können Sie Ihre App auch auf Ihrem Computerbildschirm übernehmen!
Um Ihnen eine bessere Entwicklung von mobilen Online-Anwendungen zu ermöglichen und unsere Plattform übersichtlicher zu gestalten, haben wir die Technologie genutzt, um das neue GoodBarber Backoffice zu erstellen. Das Übernehmen von nativen Anwendungen oder PWAs war noch nie so einfach! Sobald die Erstellung Ihrer mobilen Anwendung, einer nativen Anwendung oder einer PWA, abgeschlossen ist, können Sie Ihre Arbeit auf iOS oder Android Mobiltelefonen zugänglich machen, indem Sie sie in den Stores veröffentlichen!
Sobald die Online-Entwicklung Ihrer Progressive Web App abgeschlossen ist, profitieren Sie von ihren Vorteilen! Im Gegensatz zu einer nativen Anwendung können Sie Ihre PWA über die URL übernehmen. Sie können sie nicht nur auf iOS veröffentlichen und auf dem Bildschirm der Mobiltelefone Ihrer Nutzer wiederfinden, sondern Sie können diesen Typ von mobiler Anwendung auch auf dem Computer wiederfinden!
Um die Entwicklung Ihrer mobilen Anwendungen zu verbessern, haben wir GoodBarber 3 eingeführt! Übernehmen Sie neue Funktionen, wenn Sie Ihre native Anwendung oder PWA online erstellen, um eine erfolgreiche mobile Darstellung zu gewährleisten. So können Sie schöne native Apps für iOS oder Android erstellen!
Machen auch Sie sich auf den Weg! Erfahren Sie, wie Sie eine mobile Anwendung von der Idee bis zur Online-Entwicklung entwickeln und eine Präsenz auf iOS oder Android haben können!