Aujourd'hui, les entreprises disposent d'un nouveau moyen d'interagir avec leurs clients : App Clip et les tags NFC. Cette fonctionnalité permet aux utilisateurs d'exécuter de petits programmes sur le système d'exploitation du téléphone sans avoir à se rendre sur l'App Store pour télécharger et installer le logiciel. Les petits programmes affichent simplement des informations sur l'écran, une fonctionnalité qui crée des opportunités de développer de nouvelles relations avec les clients. Par exemple, les cafés pourraient proposer des cartes de fidélité plus utiles et les détaillants pourraient rendre les portefeuilles virtuels plus utilisables. Les commerçants peuvent déclencher l'applet de plusieurs manières, l'une d'entre elles étant une balise NFC qui pointe vers une adresse URL. Lorsque l'iPhone de l'utilisateur est à proximité de l'étiquette, le téléphone trouve automatiquement l'URL et lance l'applet. Le principe est simple et le coût est faible. Examinons ce dont les entreprises ont besoin pour utiliser les applets.
Qu'est-ce qu'un App Clip ? App Clip est décrit comme une « version allégée des applications mobiles ». Ce petit logiciel contient moins de 10 Mo de code binaire précompressé et fournit principalement une petite partie des fonctionnalités de l'application. Par exemple, l'application complète d'une entreprise de café peut fournir un répertoire de ses cafés, des promotions récentes, des classements de ventes et des cartes de fidélité, mais l'applet App Clip n'affiche que les cartes de fidélité. Ces fonctionnalités garantissent une expérience instantanée aux utilisateurs, même lorsque les vitesses d'Internet mobile sont faibles. Les utilisateurs peuvent également bénéficier d'une expérience utilisateur simple et rapide. Le lancement du mini-programme via le téléphone à proximité de l'étiquette NFC peut réduire de nombreux obstacles à l'utilisation, ouvrant la porte à l'interaction numérique pour les nouveaux clients qui sont moins familiarisés avec les applications mobiles. Voici un aperçu de l'expérience de Vincent Latorre, développeur d'applications iOS de ST, dans le développement de petits programmes.
Clip d'application : Configuration client ou NFC
1. Préparez le paquet ST25-TAG-BAG-U
Le kit d'étiquettes ST25-TAG-BAG-U comprend : 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
La partie la plus simple de l'ensemble du processus de configuration consiste à créer une balise NFC et à écrire l'URL de l'applet à l'intérieur de la balise. Le processus est aussi simple que la création d'une démonstration fonctionnelle sans écrire une seule ligne de code. À des fins de démonstration, nous utiliserons deux balises NFC ST25TV02K, l'une pour contenir l'adresse URL de l'applet et l'autre comme preuve de concept pour expliquer les conteneurs fonctionnels qui peuvent être stockés ou mis en cache dans le système d'exploitation.
Si vous souhaitez développer une présentation basée sur l'applet App Clip, le deuxième TAB n'est pas nécessaire, le développeur peut simplement utiliser le premier TAB. Mais au lieu de vous montrer un écran, nous voulons profiter de cette occasion pour vous montrer comment écrire des blocs de mémoire et fournir des preuves concrètes que l'applet de ST fonctionne réellement. Ces deux balises sont de petites balises rondes dans le kit ST25-TAG-BAG-U. Les utilisateurs doivent se rendre sur l'App Store et télécharger notre application NFC Tap pour lire et écrire des balises.
Écrire l'URL
Nous retirons la première étiquette ST25TV02K. La démonstration suivante suppose que l'étiquette est vierge. La première étape consiste à sélectionner Lire l'étiquette sur l'écran d'accueil, puis à tenir le téléphone près de l'étiquette et le message ST25TV02K apparaîtra à l'écran. Ensuite, cliquez sur l'icône en bas à droite de l'écran…, puis sélectionnez l'option Éditeur de contenu des zones et enfin, scannez l'étiquette avec votre téléphone. S'il s'agit d'une étiquette vierge, une boîte de dialogue apparaît avec la taille de la mémoire (par exemple, 256 octets) et un message No NDEF.
Avant d'écrire un message NDEF, l'utilisateur doit cliquer sur la boîte de dialogue indiquant Aucun message NDEF. Une boîte blanche et une flèche bleue apparaissent alors à l'écran. Faites glisser la boîte blanche vers la gauche et un menu apparaît avec les options Ajouter, Modifier, Insérer et Exécuter. Après avoir sélectionné Ajouter,
1. Choisissez NdefUriRecord
2. https://www.myst25.com/clip. Assurez-vous de sélectionner https, sinon l'applet ne s'affichera pas immédiatement.
3. Appuyez sur le bouton Valider et écrivez l'étiquette
En savoir plus sur les conteneurs fonctionnels
La deuxième balise ST25TV02K est notre balise de test et nous pouvons également l'utiliser pour en savoir plus sur la prise en charge NDEF dans les balises de type 5. Cette démonstration prouve que l'applet de ST lit des étiquettes et n'affiche pas l'écran d'un téléphone. Pour rendre la démonstration plus intéressante, nous suivrons l'approche décrite dans nos notes d'application sur la gestion NDEF. En fait, cet article explique comment configurer la balise ST25TV sur une balise NFC de type 5 qui prend en charge les messages NDEF, en bref, en écrivant un conteneur de fonctions valide (CC) dans le premier bloc de stockage. Cet article explique le processus de configuration à l'utilisateur et nous pouvons écrire quatre octets CC : E1 40 20 01h directement dans le premier bloc de stockage de la ST25TV02K.
Écrire une balise de test
Avant d’effectuer l’opération d’écriture de l’étiquette, ouvrez l’application iOS NFC Tap et
1. Sélectionnez Lire l'étiquette et scannez la deuxième étiquette ST25TV02K
2. Vérifiez la section Fichier CC pour vous assurer que l'étiquette est vide. Si le numéro magique est 0x00, l'étiquette ne contient aucune information.
Nous activons maintenant la prise en charge du transfert de messages NDEF et écrivons un petit message.
1. Sélectionnez Plus en bas de l'écran, puis sélectionnez Éditeur de contenu de zones. Le logiciel vous demandera alors de scanner la balise et de trouver une zone inscriptible de 256 octets sans contenu.
2. Cliquez sur la zone 1
3. Le message Aucun enregistrement NDEF s'affiche à l'écran. Faites glisser la boîte de dialogue vers la gauche et un menu apparaît, sélectionnez Ajouter.
4. Cliquez sur NdefTextRecord, effacez le texte existant et tapez Hello World !
5. Appuyez sur le bouton Valider, puis placez votre téléphone près de l'étiquette et écrivez le message NDEF.
Testez l'application Clip
Les petits programmes n'apparaissent que lorsque le logiciel d'application complet n'est pas installé sur le téléphone. Par conséquent, avant de scanner la première balise ST25TV02K avec l'adresse URL de l'applet, vous devez supprimer le logiciel NFC Tap s'il est installé. Lorsque le téléphone détecte le premier TAB, il affiche la carte de l'applet sur l'écran tactile, demandant à l'utilisateur s'il souhaite ouvrir l'applet ou télécharger l'application depuis l'App Store. L'ouverture de l'applet affichera une version simplifiée de l'application NFC Tap, où Read NDEF est grisé et indisponible, mais Read Tag est disponible. Sélectionnez l'option Read tag, puis scannez la deuxième balise ST25TV02K pour prouver que l'applet lit nos données de balise. En faisant défiler l'écran vers le bas, nous voyons que le nombre magique est 0xE1, prouvant que l'applet scanne l'étiquette que nous venons de configurer.
Contexte ou développement d'application et configuration de serveur Web
Pour les développeurs qui souhaitent en savoir plus, la première étape consiste à télécharger le code source de notre application iOS (STSW-ST25IOS001). Les ingénieurs peuvent simplement ouvrir le fichier téléchargé dans l'environnement de développement Apple IDE et commencer à travailler sur notre approche d'implémentation. La première chose à noter est qu'un morceau de code qui agit comme un petit programme dans une application est une cible spécifique. Pour aider les développeurs à développer de petits programmes, Apple fournit un modèle App Clip dédié, les petits programmes peuvent être utilisés avec Apple Pay et vous pouvez vous connecter au logiciel avec votre compte Apple. Le nouveau système bénéficie également d'un système spécial de notification et de géolocalisation. De plus, un logiciel iOS peut avoir plusieurs App clips. Dans Xcode, les développeurs doivent prêter attention à l'onglet Signature et capacités et se souvenir du nom de l'équipe et de l'identifiant du bundle.
L'étape suivante consiste à créer l'applet App Clip à l'aide de l'interface Web App Store Connect. Ici, le développeur téléchargera une image, qui sera affichée sur la carte iOS, incitant l'utilisateur à lancer l'applet. Cliquez sur App Clip avancé
L'expérience ouvrira un nouveau menu et définira l'URL pour pointer vers l'applet. De plus, les développeurs peuvent demander au système d'exploitation de vérifier la géolocalisation d'un appareil mobile, et les commerçants peuvent choisir d'utiliser cette fonctionnalité pour associer l'applet à une boutique ou à un emplacement spécifique.
Côté serveur
La configuration du serveur Web est très simple. Dans Xcode et l'App Store Connect, l'URL définie, http://www.myst25.com/clip, par exemple, doit avoir un index. Le fichier HTML et les balises méta doivent inclure l'ID de l'application et l'ID du petit bundle d'application. Comme indiqué ci-dessous, le corps du fichier peut être vide, l'emplacement le plus important étant la balise méta elle-même.
Le fichier nommé apple-app-site-association est le deuxième fichier important qui doit exister dans le dossier racine du serveur Web, tel que /www. Le fichier répertorie uniquement les tableaux suivants :
« appclips » : {
« applications » : [« TEAM_NAME.BUNDLE_ID (par exemple, UL3MK8FNMR.com.st.st25ncf.clip) »],
« chemins » : [« DESTINATION (par exemple, chemin/*) »]
