Apples mobile Software unterstützt seit Jahren sogenannte „Web-Apps“. Aber was ist eine Web-App und wie unterscheidet sie sich von typischen Apps, die auf iPhone und iPad verwendet werden? Hier ist Ihre kurze Erklärung.
Was ist eine Web-App?
Wenn Apple spricht von „Web-Apps“, es bezieht sich auf „Progressive Web Apps“, oder kurz PWAs. Apple nennt sie lieber Web-Apps, entweder weil Google den Begriff zuerst gefördert hat oder weil es keine offizielle PWA-Spezifikation gibt. Ungeachtet dessen ist PWA im Allgemeinen eine Abkürzung für eine flexible, anpassungsfähige App, die ausschließlich mit Webtechnologien erstellt wurde.
Stellen Sie sich aus Benutzersicht eine PWA als eine Website vor, die auf Ihrem Startbildschirm installiert werden kann, ohne sie aus dem App Store herunterladen zu müssen. Einige Beispiele für beliebte Web-Apps Dazu gehören Google Maps, Starbucks, Tinder, Uber und Instagram.
Ironischerweise war iOS tatsächlich die erste Plattform, die das Konzept einer Web-App unterstützte. Als Apple das iPhone ursprünglich auf den Markt brachte, waren die ersten Apps HTML5-basiert, was es Benutzern ermöglichte, sie manuell zum Startbildschirm hinzuzufügen, um ein App-ähnliches Vollbilderlebnis zu erhalten. Damals gab es den App Store noch nicht einmal.
Während Apple die Unterstützung für Web-Apps nach dem Erscheinen seines App Store zunächst im Sande verlaufen ließ, half Google Chrome weiterhin dabei, die damit verbundenen Web-Technologien zu verbessern, und bis 2018 hatten alle großen Webbrowser, einschließlich Safari, zugesagt, Web-Apps zu unterstützen. Seitdem hat Apple weiter dazu beigetragen, das Web-App-Erlebnis weiterzuentwickeln, es hat sich nur nicht sehr lautstark darüber geäußert. Aus diesem Grund waren viele überrascht, als Apple seine Absicht ankündigte, Push-Benachrichtigungen für Web-Apps auf der WWDC 2022 zu unterstützen.
Vor- und Nachteile von Web-Apps
Im Gegensatz zu „Web-Apps“, die als einfache Lesezeichen für den Startbildschirm fungieren (siehe unten), können PWAs im Voraus heruntergeladen werden und offline arbeiten sowie reguläre Web-APIs verwenden. Auf diese Weise können sie ein App-ähnliches Erlebnis bieten und gleichzeitig Zugriff auf Dinge wie Geolokalisierung, Kamera und Apple Pay haben.
Aus Entwicklersicht bedeutet die PWA-Route, dass Sie den potenziellen Ärger vermeiden, Ihre App durch den App Store-Überprüfungsprozess von Apple zu bringen. Dadurch können Web-Apps besser auffindbar sein als native Apps, die über den App Store laufen. Es ist auch einfacher und schneller, eine Website zu besuchen, als eine App zu installieren, und Benutzer können Web-Apps auch einfach durch Senden eines Links teilen.
Auf der anderen Seite genießen native Apps eine bessere Integration mit iOS und bieten ein nahtloseres Benutzererlebnis (obwohl sich dies langsam ändert, da sich die Webtechnologie hinter PWAs weiterentwickelt). Beispielsweise können Web-Apps nur Offline-Daten und -Dateien mit einer Gesamtgröße von maximal 50 MB speichern. Sie haben auch keinen Zugriff auf einige Hardwarefunktionen wie Bluetooth und Touch ID/Face ID, können keinen Code im Hintergrund ausführen und haben keinen Zugriff auf In-App-Zahlungen und andere Apple-basierte Dienste.
So fügen Sie Ihrem Startbildschirm eine Web-App hinzu
- Öffnen Sie Safari auf Ihrem iPhone oder iPad.
- Navigieren Sie zu der Website, die eine WPA/Web-App anbietet (viele sind hier aufgeführt).
- Tippen Sie auf die Aktion Schaltfläche (häufig als Share-Schaltfläche bezeichnet).
- Scrollen Sie im Share-Sheet nach unten, vorbei an den Zeilen mit Kontakten und Apps, und wählen Sie dann aus Zum Startbildschirm hinzufügen.
- Geben Sie der Web-App einen Namen und tippen Sie dann auf Hinzufügen.
Ihre neue Web-App wird im nächsten verfügbaren Bereich auf dem Startbildschirm Ihres Geräts angezeigt. Wenn Sie darauf tippen und zur Standard-Website zurückgeleitet werden, erzwingen Sie das Beenden von Safari und starten Sie die Web-App erneut.
So richten Sie Web-Push-Benachrichtigungen ein
In iOS 16.4 und iPadOS 16.4, beide derzeit noch in der Beta-Phase, hat Apple eine neue Funktion hinzugefügt, mit der Web-Apps, die dem Startbildschirm hinzugefügt werden, Web-Push-Benachrichtigungen an iPhone- und iPad-Benutzer senden können.
Dank der neuen Funktion können Web-Apps, die dem Startbildschirm eines Benutzers hinzugefügt werden, die Erlaubnis anfordern, Push-Benachrichtigungen über eine „Abonnieren“-Schaltfläche oder eine andere ähnliche Option in den Einstellungen der Web-App zu erhalten. Solche Benachrichtigungen funktionieren genau wie Benachrichtigungen von anderen Apps und werden auf dem Sperrbildschirm, in der Benachrichtigungszentrale und auf einer gekoppelten Apple Watch angezeigt.
- Öffnen Sie die Web-App, die Sie Ihrem Startbildschirm hinzugefügt haben.
- Suchen und aktivieren Sie die Einstellung, die Push-Benachrichtigungen aktiviert.
- Wenn die Eingabeaufforderung für Berechtigungen angezeigt wird, tippen Sie auf Erlauben um der Web-App zu erlauben, Ihnen Benachrichtigungen zu senden, als wäre es eine typische App.
Sobald Sie dies getan haben, können Sie Warnungen und Symbolabzeichen für die Web-App von innerhalb der steuern Benachrichtigungen Abschnitt der Einstellungen App.
Hinzufügen von Website-Lesezeichen zu Ihrem Startbildschirm
Für Websites, die keine dedizierte mobile App oder eine Web-App für den Zugriff auf ihre Inhalte haben, können Sie Ihrem Startbildschirm immer noch das hinzufügen, was im Wesentlichen ein Lesezeichen einer Website ist, indem Sie dasselbe verwenden Zum Startbildschirm hinzufügen Option im Share-Menü von Safari.
Wenn Sie ein Lesezeichen auf Ihrem Startbildschirm erstellen, können Sie es als One-Tap-Portal verwenden, um auf bestimmte Online-Inhalte zuzugreifen, anstatt einen Browser öffnen und dann ein Lesezeichen auswählen oder die URL-Adresse einer Website eingeben zu müssen.
Wenn Sie auf Ihrem Startbildschirm auf ein Website-Lesezeichen tippen, wird es in Safari auf der von Ihnen ausgewählten Seite geöffnet. Auch wenn es sich nicht um eine Web-App handelt, kann sich der Zugriff von Ihrem Startbildschirm aus wie eine App-ähnliche Erfahrung anfühlen, wenn die Website, auf die Sie verlinken, ein dynamisches, für Mobilgeräte optimiertes Layout hat (z. B. Themelocal).