{"id":2232,"date":"2024-04-23T07:34:02","date_gmt":"2024-04-23T07:34:02","guid":{"rendered":"https:\/\/nfc-readers.com\/?p=2232"},"modified":"2024-04-23T07:34:02","modified_gmt":"2024-04-23T07:34:02","slug":"how-to-develop-an-ios-applet-and-trigger-it-with-nfc-tags","status":"publish","type":"post","link":"https:\/\/nfc-readers.com\/fr\/how-to-develop-an-ios-applet-and-trigger-it-with-nfc-tags\/","title":{"rendered":"Comment d\u00e9velopper une applet iOS et la d\u00e9clencher avec des tags NFC"},"content":{"rendered":"

Aujourd'hui, les entreprises disposent d'un nouveau moyen d'interagir avec leurs clients : App Clip et les tags NFC. Cette fonctionnalit\u00e9 permet aux utilisateurs d'ex\u00e9cuter de petits programmes sur le syst\u00e8me d'exploitation du t\u00e9l\u00e9phone sans avoir \u00e0 se rendre sur l'App Store pour t\u00e9l\u00e9charger et installer le logiciel. Les petits programmes affichent simplement des informations sur l'\u00e9cran, une fonctionnalit\u00e9 qui cr\u00e9e des opportunit\u00e9s de d\u00e9velopper de nouvelles relations avec les clients. Par exemple, les caf\u00e9s pourraient proposer des cartes de fid\u00e9lit\u00e9 plus utiles et les d\u00e9taillants pourraient rendre les portefeuilles virtuels plus utilisables. Les commer\u00e7ants peuvent d\u00e9clencher l'applet de plusieurs mani\u00e8res, l'une d'entre elles \u00e9tant une balise NFC qui pointe vers une adresse URL. Lorsque l'iPhone de l'utilisateur est \u00e0 proximit\u00e9 de l'\u00e9tiquette, le t\u00e9l\u00e9phone trouve automatiquement l'URL et lance l'applet. Le principe est simple et le co\u00fbt est faible. Examinons ce dont les entreprises ont besoin pour utiliser les applets.<\/p>\n

\"\"
\nQu'est-ce qu'un App Clip ? App Clip est d\u00e9crit comme une \u00ab version all\u00e9g\u00e9e des applications mobiles \u00bb. Ce petit logiciel contient moins de 10 Mo de code binaire pr\u00e9compress\u00e9 et fournit principalement une petite partie des fonctionnalit\u00e9s de l'application. Par exemple, l'application compl\u00e8te d'une entreprise de caf\u00e9 peut fournir un r\u00e9pertoire de ses caf\u00e9s, des promotions r\u00e9centes, des classements de ventes et des cartes de fid\u00e9lit\u00e9, mais l'applet App Clip n'affiche que les cartes de fid\u00e9lit\u00e9. Ces fonctionnalit\u00e9s garantissent une exp\u00e9rience instantan\u00e9e aux utilisateurs, m\u00eame lorsque les vitesses d'Internet mobile sont faibles. Les utilisateurs peuvent \u00e9galement b\u00e9n\u00e9ficier d'une exp\u00e9rience utilisateur simple et rapide. Le lancement du mini-programme via le t\u00e9l\u00e9phone \u00e0 proximit\u00e9 de l'\u00e9tiquette NFC peut r\u00e9duire de nombreux obstacles \u00e0 l'utilisation, ouvrant la porte \u00e0 l'interaction num\u00e9rique pour les nouveaux clients qui sont moins familiaris\u00e9s avec les applications mobiles. Voici un aper\u00e7u de l'exp\u00e9rience de Vincent Latorre, d\u00e9veloppeur d'applications iOS de ST, dans le d\u00e9veloppement de petits programmes.
\nClip d'application : Configuration client ou NFC<\/p>\n

\"\"
\n1. Pr\u00e9parez le paquet ST25-TAG-BAG-U
\nLe kit d'\u00e9tiquettes ST25-TAG-BAG-U comprend : 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
\nLa partie la plus simple de l'ensemble du processus de configuration consiste \u00e0 cr\u00e9er une balise NFC et \u00e0 \u00e9crire l'URL de l'applet \u00e0 l'int\u00e9rieur de la balise. Le processus est aussi simple que la cr\u00e9ation d'une d\u00e9monstration fonctionnelle sans \u00e9crire une seule ligne de code. \u00c0 des fins de d\u00e9monstration, 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 \u00eatre stock\u00e9s ou mis en cache dans le syst\u00e8me d'exploitation.
\nSi vous souhaitez d\u00e9velopper une pr\u00e9sentation bas\u00e9e sur l'applet App Clip, le deuxi\u00e8me TAB n'est pas n\u00e9cessaire, le d\u00e9veloppeur peut simplement utiliser le premier TAB. Mais au lieu de vous montrer un \u00e9cran, nous voulons profiter de cette occasion pour vous montrer comment \u00e9crire des blocs de m\u00e9moire et fournir des preuves concr\u00e8tes que l'applet de ST fonctionne r\u00e9ellement. 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\u00e9l\u00e9charger notre application NFC Tap pour lire et \u00e9crire des balises.<\/p>\n

\u00c9crire l'URL<\/p>\n

Nous retirons la premi\u00e8re \u00e9tiquette ST25TV02K. La d\u00e9monstration suivante suppose que l'\u00e9tiquette est vierge. La premi\u00e8re \u00e9tape consiste \u00e0 s\u00e9lectionner Lire l'\u00e9tiquette sur l'\u00e9cran d'accueil, puis \u00e0 tenir le t\u00e9l\u00e9phone pr\u00e8s de l'\u00e9tiquette et le message ST25TV02K appara\u00eetra \u00e0 l'\u00e9cran. Ensuite, cliquez sur l'ic\u00f4ne en bas \u00e0 droite de l'\u00e9cran\u2026, puis s\u00e9lectionnez l'option \u00c9diteur de contenu des zones et enfin, scannez l'\u00e9tiquette avec votre t\u00e9l\u00e9phone. S'il s'agit d'une \u00e9tiquette vierge, une bo\u00eete de dialogue appara\u00eet avec la taille de la m\u00e9moire (par exemple, 256 octets) et un message No NDEF.
\nAvant d'\u00e9crire un message NDEF, l'utilisateur doit cliquer sur la bo\u00eete de dialogue indiquant Aucun message NDEF. Une bo\u00eete blanche et une fl\u00e8che bleue apparaissent alors \u00e0 l'\u00e9cran. Faites glisser la bo\u00eete blanche vers la gauche et un menu appara\u00eet avec les options Ajouter, Modifier, Ins\u00e9rer et Ex\u00e9cuter. Apr\u00e8s avoir s\u00e9lectionn\u00e9 Ajouter,
\n1. Choisissez NdefUriRecord<\/p>\n

2. https:\/\/www.myst25.com\/clip. Assurez-vous de s\u00e9lectionner https, sinon l'applet ne s'affichera pas imm\u00e9diatement.<\/p>\n

3. Appuyez sur le bouton Valider et \u00e9crivez l'\u00e9tiquette
\nEn savoir plus sur les conteneurs fonctionnels<\/p>\n

La deuxi\u00e8me balise ST25TV02K est notre balise de test et nous pouvons \u00e9galement l'utiliser pour en savoir plus sur la prise en charge NDEF dans les balises de type 5. Cette d\u00e9monstration prouve que l'applet de ST lit des \u00e9tiquettes et n'affiche pas l'\u00e9cran d'un t\u00e9l\u00e9phone. Pour rendre la d\u00e9monstration plus int\u00e9ressante, nous suivrons l'approche d\u00e9crite 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 \u00e9crivant un conteneur de fonctions valide (CC) dans le premier bloc de stockage. Cet article explique le processus de configuration \u00e0 l'utilisateur et nous pouvons \u00e9crire quatre octets CC : E1 40 20 01h directement dans le premier bloc de stockage de la ST25TV02K.
\n\u00c9crire une balise de test<\/p>\n

Avant d\u2019effectuer l\u2019op\u00e9ration d\u2019\u00e9criture de l\u2019\u00e9tiquette, ouvrez l\u2019application iOS NFC Tap et
\n1. S\u00e9lectionnez Lire l'\u00e9tiquette et scannez la deuxi\u00e8me \u00e9tiquette ST25TV02K
\n2. V\u00e9rifiez la section Fichier CC pour vous assurer que l'\u00e9tiquette est vide. Si le num\u00e9ro magique est 0x00, l'\u00e9tiquette ne contient aucune information.
\nNous activons maintenant la prise en charge du transfert de messages NDEF et \u00e9crivons un petit message.
\n1. S\u00e9lectionnez Plus en bas de l'\u00e9cran, puis s\u00e9lectionnez \u00c9diteur de contenu de zones. Le logiciel vous demandera alors de scanner la balise et de trouver une zone inscriptible de 256 octets sans contenu.
\n2. Cliquez sur la zone 1
\n3. Le message Aucun enregistrement NDEF s'affiche \u00e0 l'\u00e9cran. Faites glisser la bo\u00eete de dialogue vers la gauche et un menu appara\u00eet, s\u00e9lectionnez Ajouter.
\n4. Cliquez sur NdefTextRecord, effacez le texte existant et tapez Hello World\u00a0!
\n5. Appuyez sur le bouton Valider, puis placez votre t\u00e9l\u00e9phone pr\u00e8s de l'\u00e9tiquette et \u00e9crivez le message NDEF.
\nTestez l'application Clip<\/p>\n

Les petits programmes n'apparaissent que lorsque le logiciel d'application complet n'est pas install\u00e9 sur le t\u00e9l\u00e9phone. Par cons\u00e9quent, avant de scanner la premi\u00e8re balise ST25TV02K avec l'adresse URL de l'applet, vous devez supprimer le logiciel NFC Tap s'il est install\u00e9. Lorsque le t\u00e9l\u00e9phone d\u00e9tecte le premier TAB, il affiche la carte de l'applet sur l'\u00e9cran tactile, demandant \u00e0 l'utilisateur s'il souhaite ouvrir l'applet ou t\u00e9l\u00e9charger l'application depuis l'App Store. L'ouverture de l'applet affichera une version simplifi\u00e9e de l'application NFC Tap, o\u00f9 Read NDEF est gris\u00e9 et indisponible, mais Read Tag est disponible. S\u00e9lectionnez l'option Read tag, puis scannez la deuxi\u00e8me balise ST25TV02K pour prouver que l'applet lit nos donn\u00e9es de balise. En faisant d\u00e9filer l'\u00e9cran vers le bas, nous voyons que le nombre magique est 0xE1, prouvant que l'applet scanne l'\u00e9tiquette que nous venons de configurer.<\/p>\n

Contexte ou d\u00e9veloppement d'application et configuration de serveur Web
\nPour les d\u00e9veloppeurs qui souhaitent en savoir plus, la premi\u00e8re \u00e9tape consiste \u00e0 t\u00e9l\u00e9charger le code source de notre application iOS (STSW-ST25IOS001). Les ing\u00e9nieurs peuvent simplement ouvrir le fichier t\u00e9l\u00e9charg\u00e9 dans l'environnement de d\u00e9veloppement Apple IDE et commencer \u00e0 travailler sur notre approche d'impl\u00e9mentation. La premi\u00e8re chose \u00e0 noter est qu'un morceau de code qui agit comme un petit programme dans une application est une cible sp\u00e9cifique. Pour aider les d\u00e9veloppeurs \u00e0 d\u00e9velopper de petits programmes, Apple fournit un mod\u00e8le App Clip d\u00e9di\u00e9, les petits programmes peuvent \u00eatre utilis\u00e9s avec Apple Pay et vous pouvez vous connecter au logiciel avec votre compte Apple. Le nouveau syst\u00e8me b\u00e9n\u00e9ficie \u00e9galement d'un syst\u00e8me sp\u00e9cial de notification et de g\u00e9olocalisation. De plus, un logiciel iOS peut avoir plusieurs App clips. Dans Xcode, les d\u00e9veloppeurs doivent pr\u00eater attention \u00e0 l'onglet Signature et capacit\u00e9s et se souvenir du nom de l'\u00e9quipe et de l'identifiant du bundle.
\nL'\u00e9tape suivante consiste \u00e0 cr\u00e9er l'applet App Clip \u00e0 l'aide de l'interface Web App Store Connect. Ici, le d\u00e9veloppeur t\u00e9l\u00e9chargera une image, qui sera affich\u00e9e sur la carte iOS, incitant l'utilisateur \u00e0 lancer l'applet. Cliquez sur App Clip avanc\u00e9
\nL'exp\u00e9rience ouvrira un nouveau menu et d\u00e9finira l'URL pour pointer vers l'applet. De plus, les d\u00e9veloppeurs peuvent demander au syst\u00e8me d'exploitation de v\u00e9rifier la g\u00e9olocalisation d'un appareil mobile, et les commer\u00e7ants peuvent choisir d'utiliser cette fonctionnalit\u00e9 pour associer l'applet \u00e0 une boutique ou \u00e0 un emplacement sp\u00e9cifique.
\nC\u00f4t\u00e9 serveur
\nLa configuration du serveur Web est tr\u00e8s simple. Dans Xcode et l'App Store Connect, l'URL d\u00e9finie, http:\/\/www.myst25.com\/clip, par exemple, doit avoir un index. Le fichier HTML et les balises m\u00e9ta doivent inclure l'ID de l'application et l'ID du petit bundle d'application. Comme indiqu\u00e9 ci-dessous, le corps du fichier peut \u00eatre vide, l'emplacement le plus important \u00e9tant la balise m\u00e9ta elle-m\u00eame.
\nLe fichier nomm\u00e9 apple-app-site-association est le deuxi\u00e8me fichier important qui doit exister dans le dossier racine du serveur Web, tel que \/www. Le fichier r\u00e9pertorie uniquement les tableaux suivants\u00a0:
\n\u00ab\u00a0appclips\u00a0\u00bb\u00a0:\u00a0{
\n\u00ab\u00a0applications\u00a0\u00bb\u00a0:\u00a0[\u00ab\u00a0TEAM_NAME.BUNDLE_ID (par exemple, UL3MK8FNMR.com.st.st25ncf.clip)\u00a0\u00bb],
\n\u00ab chemins \u00bb\u00a0:\u00a0[\u00ab DESTINATION (par exemple, chemin\/*) \u00bb]","protected":false},"excerpt":{"rendered":"

Aujourd\u2019hui, les entreprises disposent d\u2019un nouveau moyen d\u2019interagir avec leurs clients : App Clip et les tags NFC. Cette fonctionnalit\u00e9 permet aux utilisateurs d\u2019ex\u00e9cuter de petits programmes sur le syst\u00e8me d\u2019exploitation du t\u00e9l\u00e9phone sans avoir \u00e0 se rendre sur l\u2019App Store pour t\u00e9l\u00e9charger et installer le logiciel. Les petits programmes affichent simplement des informations sur l\u2019\u00e9cran, une fonctionnalit\u00e9 qui [\u2026]","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,44],"tags":[],"class_list":["post-2232","post","type-post","status-publish","format-standard","hentry","category-uncategorized","category-ntag-card"],"_links":{"self":[{"href":"https:\/\/nfc-readers.com\/fr\/wp-json\/wp\/v2\/posts\/2232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nfc-readers.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nfc-readers.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nfc-readers.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nfc-readers.com\/fr\/wp-json\/wp\/v2\/comments?post=2232"}],"version-history":[{"count":1,"href":"https:\/\/nfc-readers.com\/fr\/wp-json\/wp\/v2\/posts\/2232\/revisions"}],"predecessor-version":[{"id":2235,"href":"https:\/\/nfc-readers.com\/fr\/wp-json\/wp\/v2\/posts\/2232\/revisions\/2235"}],"wp:attachment":[{"href":"https:\/\/nfc-readers.com\/fr\/wp-json\/wp\/v2\/media?parent=2232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nfc-readers.com\/fr\/wp-json\/wp\/v2\/categories?post=2232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nfc-readers.com\/fr\/wp-json\/wp\/v2\/tags?post=2232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}