{"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\/de\/how-to-develop-an-ios-applet-and-trigger-it-with-nfc-tags\/","title":{"rendered":"So entwickeln Sie ein iOS-Applet und l\u00f6sen es mit NFC-Tags aus"},"content":{"rendered":"

Heute haben Unternehmen eine neue M\u00f6glichkeit, mit Kunden zu interagieren \u2013 App Clip und NFC-Tags. Diese Funktion erm\u00f6glicht es Benutzern, kleine Programme auf dem Betriebssystem des Telefons auszuf\u00fchren, ohne zum Herunterladen und Installieren der Software in den App Store gehen zu m\u00fcssen. Kleine Programme lassen einfach Informationen auf dem Bildschirm aufpoppen, eine Funktion, die M\u00f6glichkeiten zur Entwicklung neuer Kundenbeziehungen schafft. Beispielsweise k\u00f6nnten Caf\u00e9s n\u00fctzlichere Kundenkarten anbieten und Einzelh\u00e4ndler k\u00f6nnten virtuelle Geldb\u00f6rsen benutzerfreundlicher gestalten. H\u00e4ndler k\u00f6nnen das Applet auf verschiedene Weise ausl\u00f6sen, eine davon ist ein NFC-Tag, das auf eine URL-Adresse verweist. Wenn sich das iPhone des Benutzers in der N\u00e4he des Etiketts befindet, findet das Telefon automatisch die URL und startet das Applet. Das Prinzip ist einfach und die Kosten sind gering. Schauen wir uns an, was Unternehmen ben\u00f6tigen, um Applets zu verwenden.<\/p>\n

\"\"
\nWas ist ein App Clip? App Clip wird als \u201eleichtgewichtige Version mobiler Apps\u201c beschrieben. Diese kleine Software enth\u00e4lt weniger als 10 MB vorkomprimierten Bin\u00e4rcode und bietet haupts\u00e4chlich einen kleinen Teil der Funktionalit\u00e4t der Anwendung. Die vollst\u00e4ndige App eines Kaffeeunternehmens k\u00f6nnte beispielsweise ein Verzeichnis seiner Caf\u00e9s, aktuelle Werbeaktionen, Verkaufsranglisten und Kundenkarten bereitstellen, aber das App Clip-Applet zeigt nur die Kundenkarten an. Diese Funktionen gew\u00e4hrleisten ein sofortiges Benutzererlebnis, selbst wenn die Geschwindigkeit des mobilen Internets niedrig ist. Benutzer k\u00f6nnen auch ein einfaches und schnelles Benutzererlebnis genie\u00dfen. Das Starten des Miniprogramms \u00fcber das Telefon in der N\u00e4he des NFC-Tags kann viele Nutzungsh\u00fcrden abbauen und neuen Kunden, die mit mobilen Apps weniger vertraut sind, die T\u00fcr zur digitalen Interaktion \u00f6ffnen. Hier ist ein Einblick in die Erfahrung von Vincent Latorre, dem iOS-App-Entwickler von ST, in der Entwicklung kleiner Programme.
\nApp Clip: Client- oder NFC-Konfiguration<\/p>\n

\"\"
\n1. Bereiten Sie das ST25-TAG-BAG-U-Paket vor
\nDas ST25-TAG-BAG-U-Tag-Kit enth\u00e4lt: 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
\nDer einfachste Teil des gesamten Konfigurationsprozesses besteht darin, ein NFC-Tag zu erstellen und die URL zum Applet in das Tag zu schreiben. Der Vorgang ist so einfach wie das Erstellen einer funktionierenden Demo, ohne eine einzige Codezeile schreiben zu m\u00fcssen. Zu Demonstrationszwecken verwenden wir zwei ST25TV02K NFC-Tags, einen, um die URL-Adresse des Applets zu speichern, und den anderen als Proof of Concept, um die Funktionscontainer zu erkl\u00e4ren, die im Betriebssystem gespeichert oder zwischengespeichert werden k\u00f6nnen.
\nWenn Sie eine Pr\u00e4sentation auf Grundlage des App Clip-Applets entwickeln m\u00f6chten, wird der zweite TAB nicht ben\u00f6tigt. Der Entwickler kann einfach den ersten TAB verwenden. Anstatt Ihnen jedoch einen Bildschirm zu zeigen, m\u00f6chten wir diese Gelegenheit nutzen, um Ihnen zu zeigen, wie Sie Speicherbl\u00f6cke schreiben, und konkrete Beweise daf\u00fcr liefern, dass das Applet von ST tats\u00e4chlich funktioniert. Beide Tags sind kleine runde Tags im ST25-TAG-BAG-U-Kit. Benutzer m\u00fcssen zum Lesen und Schreiben von Tags in den App Store gehen und unsere NFC Tap-App herunterladen.<\/p>\n

URL schreiben<\/p>\n

Wir nehmen das erste ST25TV02K-Etikett heraus. Die folgende Demonstration geht davon aus, dass das Etikett leer ist. Der erste Schritt besteht darin, auf dem Startbildschirm \u201eEtikett lesen\u201c auszuw\u00e4hlen, dann das Telefon in die N\u00e4he des Etiketts zu halten und die Meldung \u201eST25TV02K\u201c auf dem Bildschirm anzuzeigen. Klicken Sie anschlie\u00dfend unten rechts auf dem Bildschirm auf das Symbol \u2026, w\u00e4hlen Sie dann die Option \u201eBereichsinhaltseditor\u201c und scannen Sie schlie\u00dflich das Etikett mit Ihrem Telefon. Wenn es sich um ein leeres Etikett handelt, wird ein Dialogfeld mit der Speichergr\u00f6\u00dfe (z. B. 256 Byte) und der Meldung \u201eKein NDEF\u201c angezeigt.
\nVor dem Schreiben einer NDEF-Nachricht muss der Benutzer auf das Dialogfeld mit der Meldung \u201eKeine NDEF-Nachricht\u201c klicken. Daraufhin werden ein wei\u00dfes Feld und ein blauer Pfeil auf dem Bildschirm angezeigt. Wischen Sie das wei\u00dfe Feld nach links. Daraufhin wird ein Men\u00fc mit den Optionen \u201eHinzuf\u00fcgen\u201c, \u201eBearbeiten\u201c, \u201eEinf\u00fcgen\u201c und \u201eAusf\u00fchren\u201c angezeigt. Nachdem Sie \u201eHinzuf\u00fcgen\u201c ausgew\u00e4hlt haben,
\n1. W\u00e4hlen Sie NdefUriRecord<\/p>\n

2. https:\/\/www.myst25.com\/clip. Achten Sie darauf, https auszuw\u00e4hlen, sonst wird das Applet nicht sofort angezeigt.<\/p>\n

3. Dr\u00fccken Sie die Schaltfl\u00e4che Best\u00e4tigen und schreiben Sie das Etikett
\nErfahren Sie mehr \u00fcber funktionale Container<\/p>\n

Der zweite ST25TV02K ist unser Test-Tag, und wir k\u00f6nnen ihn auch verwenden, um mehr \u00fcber die NDEF-Unterst\u00fctzung in Type-5-Tags zu erfahren. Diese Demonstration beweist, dass das Applet von ST Etiketten liest und keinen Telefonbildschirm anzeigt. Um die Demo interessanter zu gestalten, folgen wir dem Ansatz in unseren Anwendungshinweisen zur NDEF-Verwaltung. Tats\u00e4chlich wurde in diesem Artikel erkl\u00e4rt, wie man den ST25TV-Tag zu einem NFC-Type-5-Tag konfiguriert, der NDEF-Nachrichten unterst\u00fctzt, kurz gesagt, wie man einen g\u00fcltigen Funktionscontainer (CC) in den ersten Speicherblock schreibt. Dieser Artikel erkl\u00e4rt dem Benutzer den Einrichtungsprozess, und wir k\u00f6nnen vier Bytes CC: E1 40 20 01h direkt in den ersten Speicherblock im ST25TV02K schreiben.
\nTest-Tag schreiben<\/p>\n

Bevor Sie den Tag-Schreibvorgang durchf\u00fchren, \u00f6ffnen Sie die NFC Tap iOS-App und
\n1. W\u00e4hlen Sie Tag lesen und scannen Sie den zweiten ST25TV02K-Tag
\n2. \u00dcberpr\u00fcfen Sie den Abschnitt CC-Datei, um sicherzustellen, dass das Etikett leer ist. Wenn die Magic Number 0x00 ist, enth\u00e4lt das Tag keine Informationen.
\nNun aktivieren wir die NDEF-Nachrichten\u00fcbertragungsunterst\u00fctzung und schreiben eine kleine Nachricht.
\n1. W\u00e4hlen Sie unten auf dem Bildschirm \u201eMehr\u201c und dann \u201eBereichsinhaltseditor\u201c. Die Software fordert Sie dann auf, das Tag zu scannen und einen 256 Byte gro\u00dfen beschreibbaren Bereich ohne Inhalt zu finden.
\n2. Klicken Sie auf Bereich 1
\n3. Die Meldung \u201eKein NDEF-Datensatz\u201c wird auf dem Bildschirm angezeigt. Wischen Sie im Dialogfeld nach links. Ein Men\u00fc wird angezeigt. W\u00e4hlen Sie \u201eHinzuf\u00fcgen\u201c aus.
\n4. Klicken Sie auf NdefTextRecord, l\u00f6schen Sie den vorhandenen Text und geben Sie \u201eHallo Welt!\u201c ein.
\n5. Dr\u00fccken Sie die Schaltfl\u00e4che \u201eValidieren\u201c, halten Sie dann Ihr Telefon in die N\u00e4he des Etiketts und schreiben Sie die NDEF-Nachricht.
\nTesten Sie den App Clip<\/p>\n

Kleine Programme werden nur angezeigt, wenn die vollst\u00e4ndige Anwendungssoftware nicht auf dem Telefon installiert ist. Daher m\u00fcssen Sie vor dem Scannen des ersten ST25TV02K-Tags mit der URL-Adresse des Applets die NFC-Tap-Software entfernen, falls diese installiert ist. Wenn das Telefon den ersten TAB erkennt, zeigt es die Applet-Karte auf dem Touchscreen an und fragt den Benutzer, ob er das Applet \u00f6ffnen oder die App aus dem App Store herunterladen m\u00f6chte. Beim \u00d6ffnen des Applets wird eine abgespeckte Version der NFC-Tap-Anwendung angezeigt, bei der \u201eRead NDEF\u201c grau und nicht verf\u00fcgbar ist, \u201eRead Tag\u201c jedoch verf\u00fcgbar ist. W\u00e4hlen Sie die Option \u201eRead Tag\u201c und scannen Sie dann den zweiten ST25TV02K-Tag, um zu beweisen, dass das Applet unsere Tag-Daten liest. Wenn wir auf dem Bildschirm nach unten scrollen, sehen wir, dass die Magic Number 0xE1 ist, was beweist, dass das Applet das gerade konfigurierte Etikett scannt.<\/p>\n

Hintergrund oder Anwendungsentwicklung und Webserverkonfiguration
\nEntwickler, die mehr erfahren m\u00f6chten, k\u00f6nnen zun\u00e4chst den Quellcode unserer iOS-Anwendung (STSW-ST25IOS001) herunterladen. Ingenieure k\u00f6nnen die heruntergeladene Datei einfach in der Apple IDE-Entwicklungsumgebung \u00f6ffnen und mit der Arbeit an unserem Implementierungsansatz beginnen. Zun\u00e4chst ist zu beachten, dass ein Codest\u00fcck, das als kleines Programm in einer Anwendung fungiert, ein bestimmtes Ziel ist. Um Entwickler bei der Entwicklung kleiner Programme zu unterst\u00fctzen, stellt Apple eine spezielle App-Clip-Vorlage bereit, kleine Programme k\u00f6nnen mit Apple Pay verwendet werden und Sie k\u00f6nnen sich mit Ihrem Apple-Konto bei der Software anmelden. Das neue System profitiert auch von einem speziellen Benachrichtigungs- und Geolokalisierungssystem. Dar\u00fcber hinaus kann eine iOS-Software mehrere App-Clips haben. In Xcode sollten Entwickler auf die Registerkarte \u201eSigning & Capabilities\u201c achten und sich den Teamnamen und die Bundle-ID merken.
\nDer n\u00e4chste Schritt besteht darin, das App Clip-Applet mithilfe der App Store Connect-Weboberfl\u00e4che zu erstellen. Hier l\u00e4dt der Entwickler ein Bild hoch, das auf der iOS-Karte angezeigt wird und den Benutzer dazu verleitet, das Applet zu starten. Klicken Sie auf den erweiterten App Clip
\nExperience \u00f6ffnet ein neues Men\u00fc und legt die URL so fest, dass sie auf das Applet verweist. Dar\u00fcber hinaus k\u00f6nnen Entwickler das Betriebssystem auffordern, die Geolokalisierung eines Mobilger\u00e4ts zu \u00fcberpr\u00fcfen, und H\u00e4ndler k\u00f6nnen diese Funktion nutzen, um das Applet einem Gesch\u00e4ft oder einem bestimmten Standort zuzuordnen.
\nServerseitig
\nDie Konfiguration des Webservers ist sehr einfach. In Xcode und im App Store Connect muss beispielsweise die in der URL definierte URL http:\/\/www.myst25.com\/clip einen Index haben. Die HTML-Datei und die Meta-Tags m\u00fcssen die Anwendungs-ID und die kleine Anwendungspaket-ID enthalten. Wie unten gezeigt, kann der Hauptteil der Datei leer sein, wobei der wichtigste Ort der Meta-Tag selbst ist.
\nDie Datei mit dem Namen apple-app-site-association ist die zweite wichtige Datei, die im Stammordner des Webservers vorhanden sein muss, z. B. \/www. Die Datei listet nur die folgenden Arrays auf:
\n\u201eAppclips\u201c: {
\n\u201eApps\u201c: [\u201eTEAM_NAME.BUNDLE_ID (z. B. UL3MK8FNMR.com.st.st25ncf.clip)\u201c],
\n\u201ePfade\u201c: [\u201eZIEL (zB Pfad\/*)\u201c]","protected":false},"excerpt":{"rendered":"

Heute k\u00f6nnen Unternehmen mit Kunden auf neue Weise interagieren \u2013 mit App Clip und NFC-Tags. Mit dieser Funktion k\u00f6nnen Benutzer kleine Programme auf dem Betriebssystem des Telefons ausf\u00fchren, ohne die Software im App Store herunterladen und installieren zu m\u00fcssen. Kleine Programme lassen einfach Informationen auf dem Bildschirm erscheinen, eine Funktion, die [\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\/de\/wp-json\/wp\/v2\/posts\/2232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nfc-readers.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nfc-readers.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nfc-readers.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nfc-readers.com\/de\/wp-json\/wp\/v2\/comments?post=2232"}],"version-history":[{"count":1,"href":"https:\/\/nfc-readers.com\/de\/wp-json\/wp\/v2\/posts\/2232\/revisions"}],"predecessor-version":[{"id":2235,"href":"https:\/\/nfc-readers.com\/de\/wp-json\/wp\/v2\/posts\/2232\/revisions\/2235"}],"wp:attachment":[{"href":"https:\/\/nfc-readers.com\/de\/wp-json\/wp\/v2\/media?parent=2232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nfc-readers.com\/de\/wp-json\/wp\/v2\/categories?post=2232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nfc-readers.com\/de\/wp-json\/wp\/v2\/tags?post=2232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}