Les clips d'application offrent un moyen rapide d'accéder à des fonctionnalités spécifiques d'une application iOS sans télécharger le tout. Ils permettent aux utilisateurs de découvrir et de bénéficier facilement d'une application, ce qui peut les encourager à télécharger l'application complète.
Comment les clips d'application diffèrent des applications traditionnelles
La principale différence entre un App Clip et une application traditionnelle réside dans leur niveau de fonctionnalité et de fonctionnalités. Les clips d'application fournissent un accès rapide à une fonctionnalité spécifique d'une application. Conçus pour être facilement découverts et lancés, les App Clips offrent aux utilisateurs les fonctionnalités nécessaires pour accomplir une tâche.
Une fois la tâche terminée, le clip se désinstalle automatiquement après une période d'inactivité.
Les clips d'application sont généralement lancés à partir de sites Web, de balises NFC, de codes QR scannés, etc.
D'autre part, les applications traditionnelles doivent être entièrement téléchargées et installées sur l'appareil de l'utilisateur avant utilisation. Ils sont généralement plus complets, offrant la gamme complète de fonctionnalités et l'expérience utilisateur. Les applications traditionnelles gèrent des cas d'utilisation plus fréquents, dont leur développement doit tenir compte.
Concevoir un clip d'application efficace avec React Native
Étant donné que les clips d'application sont une fonctionnalité de la plate-forme iOS, vous devrez travailler avec le projet iOS dans une application React Native.
Il n'existe aucun moyen établi de créer un clip d'application iOS à l'aide de React Native. Cependant, certains facteurs à prendre en compte dans l'équation vous aideront à créer un clip d'application efficace et fonctionnel.
Taille du clip d'application
Une pierre d'achoppement majeure à laquelle vous serez confronté est de maintenir la taille de votre clip d'application en dessous de la référence de 10 mégaoctets requise.
Un clip d'application et son application complète correspondante partageront certaines fonctionnalités de base. Par exemple, les deux applications peuvent envoyer des notifications et faire des appels d'API. Cependant, vous devez omettre toutes les fonctionnalités inutiles, en fonction de l'objectif de l'App Clip.
Cette fonctionnalité limitée signifie que le clip d'application aura un ensemble plus petit de dépendances natives nécessaires pour fonctionner.
Étant donné que les clips d'application offrent une expérience ciblée et légère, vous devez être explicite sur les dépendances natives définies pour le clip d'application. Vous définirez ces dépendances dans le Podfile iOS avant d'installer les Pods manuellement.
Conception d'interface utilisateur fonctionnelle pour le clip d'application
Les clips d'application sont généralement construits de manière identique à l'expérience complète de l'application. Décider comment votre App Clip peut refléter au mieux l'application complète tout en restant concentré sur sa tâche et en étant léger est quelque chose à considérer. Prenez le clip d'application de Shazam et l'application complète :
Leur architecture de conception est essentiellement la même, tout comme certaines fonctionnalités de base. La conception de votre App Clip doit se concentrer sur la fonctionnalité et l'aspect pratique. Construisez-le pour qu'il fonctionne en douceur et n'affiche des informations à l'utilisateur que lorsque cela est absolument nécessaire.
Structure du Code
Vous pouvez tirer parti des similitudes partagées entre un clip d'application et l'application complète lors de la planification de la structure de votre code.
Le partage de code entre les deux applications cibles serait idéal pour la maintenance. En partageant une base de code commune, vous pouvez également réduire le nombre de bibliothèques externes et de dépendances ajoutées au projet.
La base de code partagée peut être un ensemble de fichiers JavaScript contenant la logique métier de l'application. Vous pouvez ensuite configurer votre projet Xcode pour utiliser cette base de code en ajoutant la base de code partagée en tant que dépendance.
Vous devez vous assurer que les deux versions de votre application incluent tout code partagé. Utilisez un outil comme Metro Bundler pour l'application React Native et le système de phase de construction de Xcode pour le clip d'application.
Commencer à créer le clip d'application
Pour créer votre premier clip d'application alimenté par React Native, ouvrez le projet React Native iOS dans Xcode après avoir créé un simple projet React Native à l'aide de npx réagir-native init.
Apple a lancé App Clips avec sa mise à jour logicielle iOS 14, vous aurez donc besoin de votre simulateur exécutant iOS 14 pour qu'un App Clip s'exécute.
Pour créer une nouvelle cible App Clip dans Xcode :
- Sélectionner Fichier > Nouveau > Cible > Clip d'application (recherchez "App Clip" dans la barre de recherche pour ajouter la cible App Clip à votre projet) :
- Ensuite, remplissez les options pour le clip d'application :
Pour intégrer une expérience App Clip dans le projet Xcode existant, Xcode ajoutera une nouvelle phase de construction à la cible de l'application. Vous pouvez exécuter le clip d'application dans Xcode à ce stade initial, mais il apparaîtra vide car aucun composant d'interface utilisateur n'est encore présent.
Pour construire l'expérience utilisateur de l'App Clip, vous intégrerez le code React Native pour définir tous les éléments d'interface utilisateur nécessaires. En tirant parti de React Native, vous pouvez créer une interface intuitive et réactive pour votre App Clip qui fonctionnera efficacement sur tous les appareils iOS.
Après avoir intégré le code React Native dans le projet Xcode, vous pouvez prévisualiser l'interface utilisateur App Clip et apporter les modifications nécessaires.
Comme mentionné précédemment, la création d'un clip d'application avec React Native n'est pas différente de la création d'une application iOS standard avec React Native. Assurez-vous simplement de garder une trace constante de la taille du clip d'application lors de la création et de l'ajout de nouvelles dépendances pour l'application.
Possibilités futures pour les clips d'application
Les clips d'application peuvent potentiellement révolutionner la façon dont nous interagissons avec les applications mobiles et le monde physique. Vous pouvez les utiliser pour les paiements sans contact, l'orientation, la réalité augmentée, l'Internet des objets (IoT), les services à la demande, les billets d'événement et le contrôle d'accès. Attendez-vous à ce que de nouveaux cas d'utilisation créatifs pour les clips d'application émergent à mesure que la technologie se développe.
En bref, les App Clips offrent un accès rapide et facile aux fonctionnalités de l'application, ce qui en fait une solution efficace et pratique pour les utilisateurs en déplacement.
