App-Clips bieten eine schnelle Möglichkeit, auf bestimmte Funktionen einer iOS-App zuzugreifen, ohne das Ganze herunterzuladen. Sie ermöglichen es Benutzern, eine App auf einfache Weise zu erleben und davon zu profitieren, was sie dazu ermutigen kann, die vollständige App herunterzuladen.
Wie sich App-Clips von herkömmlichen Apps unterscheiden
Der Hauptunterschied zwischen einem App Clip und einer herkömmlichen App liegt in ihrem Funktionsumfang und ihren Features. App-Clips bieten schnellen Zugriff auf eine bestimmte Funktion einer App. App Clips sind so konzipiert, dass sie leicht entdeckt und gestartet werden können, und geben Benutzern die notwendige Funktionalität, um eine Aufgabe zu erledigen.
Sobald die Aufgabe abgeschlossen ist, wird der Clip nach einer gewissen Zeit der Inaktivität automatisch deinstalliert.
App-Clips werden häufig von Websites, NFC-Tags, Scannen von QR-Codes und mehr gestartet.
Andererseits müssen herkömmliche Apps vor der Verwendung vollständig heruntergeladen und auf dem Gerät eines Benutzers installiert werden. Sie sind in der Regel umfassender und bieten die gesamte Bandbreite an Funktionen und Benutzererfahrung. Herkömmliche Apps behandeln häufigere Anwendungsfälle, die bei ihrer Entwicklung berücksichtigt werden sollten.
Entwerfen eines effektiven App-Clips mit React Native
Da App-Clips eine Funktion der iOS-Plattform sind, müssen Sie mit dem iOS-Projekt innerhalb einer React Native-App arbeiten.
Es gibt keine etablierte Möglichkeit, einen iOS-App-Clip mit React Native zu erstellen. Es gibt jedoch einige Faktoren, die in der Gleichung berücksichtigt werden müssen, die Ihnen helfen, einen effektiven und funktionalen App-Clip zu erstellen.
Größe des App-Clips
Ein großer Stolperstein, dem Sie begegnen werden, besteht darin, die Größe Ihres App-Clips unter der erforderlichen 10-Megabyte-Benchmark zu halten.
Ein App-Clip und seine entsprechende vollständige App teilen bestimmte Kernfunktionen. Beispielsweise können beide Apps möglicherweise Benachrichtigungen senden und API-Aufrufe durchführen. Je nach Ziel des App-Clips sollten Sie jedoch unnötige Funktionen weglassen.
Diese eingeschränkte Funktionalität bedeutet, dass der App-Clip über einen kleineren Satz nativer Abhängigkeiten verfügt, die für die Funktion erforderlich sind.
Da App-Clips ein konzentriertes, einfaches Erlebnis bieten, sollten Sie die für den App-Clip definierten nativen Abhängigkeiten explizit angeben. Sie definieren diese Abhängigkeiten in der iOS-Poddatei, bevor Sie die Pods manuell installieren.
Funktionales UI-Design für den App-Clip
App-Clips sind in der Regel identisch mit der vollständigen App-Erfahrung aufgebaut. Zu entscheiden, wie Ihr App-Clip die vollständige App am besten widerspiegeln kann, während er sich auf seine Aufgabe konzentriert und leicht ist, ist etwas, das Sie berücksichtigen sollten. Nehmen Sie den App-Clip von Shazam und die vollständige App:
Ihre Designarchitektur ist im Wesentlichen dieselbe, ebenso wie einige grundlegende Funktionen. Das Design Ihres App Clips sollte sich auf Funktionalität und Praktikabilität konzentrieren. Bauen Sie es so auf, dass es reibungslos funktioniert und dem Benutzer nur dann Informationen anzeigt, wenn es absolut notwendig ist.
Aufbau des Kodex
Sie können die gemeinsamen Ähnlichkeiten zwischen einem App-Clip und der vollständigen App nutzen, wenn Sie die Struktur Ihres Codes planen.
Die gemeinsame Nutzung von Code zwischen den beiden Ziel-Apps wäre ideal für die Wartung. Durch die gemeinsame Nutzung einer gemeinsamen Codebasis können Sie auch die Anzahl externer Bibliotheken und Abhängigkeiten reduzieren, die dem Projekt hinzugefügt werden.
Die gemeinsam genutzte Codebasis kann ein Satz von JavaScript-Dateien sein, die die Geschäftslogik der App enthalten. Anschließend können Sie Ihr Xcode-Projekt so konfigurieren, dass es diese Codebasis verwendet, indem Sie die gemeinsam genutzte Codebasis als Abhängigkeit hinzufügen.
Sie sollten sicherstellen, dass beide Versionen Ihrer App freigegebenen Code enthalten. Verwenden Sie ein Tool wie Metro Bundler für die React Native App und das Build-Phasen-System von Xcode für den App Clip.
Beginnen Sie mit dem Erstellen des App-Clips
Um Ihren ersten React Native-betriebenen App-Clip zu erstellen, öffnen Sie das React Native iOS-Projekt in Xcode, nachdem Sie ein einfaches React Native-Projekt mit erstellt haben npx reagieren-native init.
Apple hat App Clips mit seinem iOS 14-Softwareupdate eingeführt, sodass Sie Ihren Simulator mit iOS 14 benötigen, damit ein App Clip ausgeführt werden kann.
So erstellen Sie ein neues App-Clip-Ziel in Xcode:
- Wählen Datei > Neu > Ziel > App-Clip (Suchen Sie in der Suchleiste nach „App Clip“, um das Ziel „App Clip“ zu Ihrem Projekt hinzuzufügen):
- Fahren Sie dann mit dem Ausfüllen der Optionen für den App-Clip fort:
Um ein App-Clip-Erlebnis in das vorhandene Xcode-Projekt zu integrieren, fügt Xcode dem App-Ziel eine neue Build-Phase hinzu. Sie können den App-Clip in dieser Anfangsphase in Xcode ausführen, er wird jedoch leer angezeigt, da noch keine UI-Komponenten vorhanden sind.
Um die Benutzererfahrung für den App-Clip zu erstellen, integrieren Sie React Native-Code, um alle erforderlichen UI-Elemente zu definieren. Durch die Nutzung von React Native können Sie eine intuitive und reaktionsschnelle Benutzeroberfläche für Ihren App-Clip erstellen, die auf allen iOS-Geräten effektiv funktioniert.
Nachdem Sie den React Native-Code in das Xcode-Projekt integriert haben, können Sie eine Vorschau der App Clip-Benutzeroberfläche anzeigen und alle erforderlichen Änderungen vornehmen.
Wie bereits erwähnt, unterscheidet sich das Erstellen eines App-Clips mit React Native nicht vom Erstellen einer normalen iOS-Anwendung mit React Native. Achten Sie nur darauf, die Größe des App-Clips ständig im Auge zu behalten, während Sie neue Abhängigkeiten für die App erstellen und hinzufügen.
Zukünftige Möglichkeiten für App-Clips
App-Clips können möglicherweise revolutionieren, wie wir mit mobilen Apps und der physischen Welt interagieren. Sie können sie für kontaktloses Bezahlen, Wegweiser, Augmented Reality, das Internet der Dinge (IoT), On-Demand-Dienste, Veranstaltungstickets und Zugangskontrolle verwenden. Erwarten Sie neue und kreative Anwendungsfälle für App Clips, wenn sich die Technologie weiterentwickelt.
Kurz gesagt, App Clips bieten schnellen und einfachen Zugriff auf App-Funktionen, was sie zu einer effizienten und bequemen Lösung für Benutzer unterwegs macht.
