Blog

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

Marketing Manager

  Aktualisiert am   7 Min. Lesezeit

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
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!

Weiterlesen

  4 Min. Lesezeit

Antworten in Podcasts mit GoodBarber Chatbot finden

Stellen Sie sich einen lokalen Radiosender vor, dessen App Livesendungen, einen Sendeplan und Interviews zum Abruf anbietet. Jede Aufnahme hat einen Titel und eine Beschreibung. Das erleichtert das Stöbern, doch ein Interview enthält oft nützliche Details, die nicht in der Zusammenfassung stehen.In unserem Beispiel heißt die Folge „Die Stadt, die wir teilen“. Ihre Beschreibung stellt ein Gespräch über den Alltag in der Stadt vor. In der Aufnahme erklärt ein Stadtplaner die Maßnahmen gegen Sommerhitze: Bäume entlang der Schulwege, mehr Schatten auf Schulhöfen und die Umwandlung einiger versiegelter Flächen in bepflanzte Bereiche.Keine dieser Maßnahmen wird im Titel oder in der Beschreibung genannt. Ein Hörer erinnert sich an das Thema und fragt:Welche Folge erklärte, wie die Stadt die Sommerhitze verringern will?Wir haben Audiopodcasts als Wissensquellen für den GoodBarber Chatbot hinzugefügt, damit Fragen wie diese zu Ihren Sendungen führen können. Dafür gibt es zwei Ebenen: die schriftlichen Informationen, die Sie zu jeder Folge veröffentlichen, und die gesprochenen Inhalte, die Sie transkribieren lassen.

  3 Min. Lesezeit

Ihre Twitch-Livestreams und -Videos jetzt in Ihrer App

Kurz gesagt. Twitch ist eine Erweiterung von GoodBarber, dem No-Code-App-Builder, die einen Twitch-Kanal als Quelle eines Video-Bereichs hinzufügt. Ist der Kanal live, steht der Stream ganz oben im Bereich; den Rest der Zeit listet der Bereich die Videos des Kanals auf. Sie verbinden ihn einmal, mit einer Client ID und einem Client Secret aus der Twitch-Entwicklerkonsole. Die Erweiterung ist für Content-Apps kostenlos: Jeder Bereich zählt als eine der Erweiterungen, die Ihr Plan enthält.Das Publikum ist auf Twitch. Im September 2026 haben Zuschauer dort 1,51 Milliarden Stunden Livestreams geschaut, im Schnitt 2,1 Millionen Menschen gleichzeitig, laut TwitchTracker. So funktioniert die Erweiterung für eine Creatorin, die jeden Dienstag um 20 Uhr live geht.

  4 Min. Lesezeit

So werden Ihre Dokumente zu Antworten mit GoodBarber Chatbot

Ein hilfreiches Dokument in einer App zu veröffentlichen, ist nur ein Teil der Aufgabe. Die Menschen müssen die richtige Information auch dann finden, wenn sie eine Entscheidung treffen wollen. Ein eindeutig benannter Dateiname hilft beim Durchsuchen einer Bibliothek. Doch wer nachschlägt, hat möglicherweise eine konkrete Frage.Interne Kommunikation ist nur ein mögliches Einsatzgebiet. Derselbe Ansatz eignet sich für Lernmaterialien, Leitfäden für Mitglieder einer Organisation, technische Nachschlagewerke oder andere nützliche Dokumente in einer App. In unserem Beispiel plant ein Mitarbeiter einen Kundenbesuch und möchte wissen:Welche Reisekosten müssen vorher genehmigt werden?Wir haben Dokumente als Quellen für GoodBarber Chatbot ergänzt, damit die Dateien, die Sie bereits pflegen, solche Gespräche unterstützen können. Sie wählen die Dokumente aus. Die Nutzer fragen mit ihren eigenen Worten. Der Assistent sucht passende Textstellen und verwendet sie für seine Antwort.So wird die Frage zum Einstieg in die Richtlinie. Mitarbeiter können von der Entscheidung ausgehen, die sie gerade treffen müssen, auch wenn sie den Titel des entsprechenden Dokuments nicht kennen.