Heute haben Unternehmen eine neue Möglichkeit, mit Kunden zu interagieren – App Clip und NFC-Tags. Diese Funktion ermöglicht es Benutzern, kleine Programme auf dem Betriebssystem des Telefons auszuführen, ohne zum Herunterladen und Installieren der Software in den App Store gehen zu müssen. Kleine Programme lassen einfach Informationen auf dem Bildschirm aufpoppen, eine Funktion, die Möglichkeiten zur Entwicklung neuer Kundenbeziehungen schafft. Beispielsweise könnten Cafés nützlichere Kundenkarten anbieten und Einzelhändler könnten virtuelle Geldbörsen benutzerfreundlicher gestalten. Händler können das Applet auf verschiedene Weise auslösen, eine davon ist ein NFC-Tag, das auf eine URL-Adresse verweist. Wenn sich das iPhone des Benutzers in der Nähe 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ötigen, um Applets zu verwenden.
Was ist ein App Clip? App Clip wird als „leichtgewichtige Version mobiler Apps“ beschrieben. Diese kleine Software enthält weniger als 10 MB vorkomprimierten Binärcode und bietet hauptsächlich einen kleinen Teil der Funktionalität der Anwendung. Die vollständige App eines Kaffeeunternehmens könnte beispielsweise ein Verzeichnis seiner Cafés, aktuelle Werbeaktionen, Verkaufsranglisten und Kundenkarten bereitstellen, aber das App Clip-Applet zeigt nur die Kundenkarten an. Diese Funktionen gewährleisten ein sofortiges Benutzererlebnis, selbst wenn die Geschwindigkeit des mobilen Internets niedrig ist. Benutzer können auch ein einfaches und schnelles Benutzererlebnis genießen. Das Starten des Miniprogramms über das Telefon in der Nähe des NFC-Tags kann viele Nutzungshürden abbauen und neuen Kunden, die mit mobilen Apps weniger vertraut sind, die Tür zur digitalen Interaktion öffnen. Hier ist ein Einblick in die Erfahrung von Vincent Latorre, dem iOS-App-Entwickler von ST, in der Entwicklung kleiner Programme.
App Clip: Client- oder NFC-Konfiguration
1. Bereiten Sie das ST25-TAG-BAG-U-Paket vor
Das ST25-TAG-BAG-U-Tag-Kit enthält: 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
Der 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üssen. 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ären, die im Betriebssystem gespeichert oder zwischengespeichert werden können.
Wenn Sie eine Präsentation auf Grundlage des App Clip-Applets entwickeln möchten, wird der zweite TAB nicht benötigt. Der Entwickler kann einfach den ersten TAB verwenden. Anstatt Ihnen jedoch einen Bildschirm zu zeigen, möchten wir diese Gelegenheit nutzen, um Ihnen zu zeigen, wie Sie Speicherblöcke schreiben, und konkrete Beweise dafür liefern, dass das Applet von ST tatsächlich funktioniert. Beide Tags sind kleine runde Tags im ST25-TAG-BAG-U-Kit. Benutzer müssen zum Lesen und Schreiben von Tags in den App Store gehen und unsere NFC Tap-App herunterladen.
URL schreiben
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 „Etikett lesen“ auszuwählen, dann das Telefon in die Nähe des Etiketts zu halten und die Meldung „ST25TV02K“ auf dem Bildschirm anzuzeigen. Klicken Sie anschließend unten rechts auf dem Bildschirm auf das Symbol …, wählen Sie dann die Option „Bereichsinhaltseditor“ und scannen Sie schließlich das Etikett mit Ihrem Telefon. Wenn es sich um ein leeres Etikett handelt, wird ein Dialogfeld mit der Speichergröße (z. B. 256 Byte) und der Meldung „Kein NDEF“ angezeigt.
Vor dem Schreiben einer NDEF-Nachricht muss der Benutzer auf das Dialogfeld mit der Meldung „Keine NDEF-Nachricht“ klicken. Daraufhin werden ein weißes Feld und ein blauer Pfeil auf dem Bildschirm angezeigt. Wischen Sie das weiße Feld nach links. Daraufhin wird ein Menü mit den Optionen „Hinzufügen“, „Bearbeiten“, „Einfügen“ und „Ausführen“ angezeigt. Nachdem Sie „Hinzufügen“ ausgewählt haben,
1. Wählen Sie NdefUriRecord
2. https://www.myst25.com/clip. Achten Sie darauf, https auszuwählen, sonst wird das Applet nicht sofort angezeigt.
3. Drücken Sie die Schaltfläche Bestätigen und schreiben Sie das Etikett
Erfahren Sie mehr über funktionale Container
Der zweite ST25TV02K ist unser Test-Tag, und wir können ihn auch verwenden, um mehr über die NDEF-Unterstützung 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ächlich wurde in diesem Artikel erklärt, wie man den ST25TV-Tag zu einem NFC-Type-5-Tag konfiguriert, der NDEF-Nachrichten unterstützt, kurz gesagt, wie man einen gültigen Funktionscontainer (CC) in den ersten Speicherblock schreibt. Dieser Artikel erklärt dem Benutzer den Einrichtungsprozess, und wir können vier Bytes CC: E1 40 20 01h direkt in den ersten Speicherblock im ST25TV02K schreiben.
Test-Tag schreiben
Bevor Sie den Tag-Schreibvorgang durchführen, öffnen Sie die NFC Tap iOS-App und
1. Wählen Sie Tag lesen und scannen Sie den zweiten ST25TV02K-Tag
2. Überprüfen Sie den Abschnitt CC-Datei, um sicherzustellen, dass das Etikett leer ist. Wenn die Magic Number 0x00 ist, enthält das Tag keine Informationen.
Nun aktivieren wir die NDEF-Nachrichtenübertragungsunterstützung und schreiben eine kleine Nachricht.
1. Wählen Sie unten auf dem Bildschirm „Mehr“ und dann „Bereichsinhaltseditor“. Die Software fordert Sie dann auf, das Tag zu scannen und einen 256 Byte großen beschreibbaren Bereich ohne Inhalt zu finden.
2. Klicken Sie auf Bereich 1
3. Die Meldung „Kein NDEF-Datensatz“ wird auf dem Bildschirm angezeigt. Wischen Sie im Dialogfeld nach links. Ein Menü wird angezeigt. Wählen Sie „Hinzufügen“ aus.
4. Klicken Sie auf NdefTextRecord, löschen Sie den vorhandenen Text und geben Sie „Hallo Welt!“ ein.
5. Drücken Sie die Schaltfläche „Validieren“, halten Sie dann Ihr Telefon in die Nähe des Etiketts und schreiben Sie die NDEF-Nachricht.
Testen Sie den App Clip
Kleine Programme werden nur angezeigt, wenn die vollständige Anwendungssoftware nicht auf dem Telefon installiert ist. Daher müssen 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 öffnen oder die App aus dem App Store herunterladen möchte. Beim Öffnen des Applets wird eine abgespeckte Version der NFC-Tap-Anwendung angezeigt, bei der „Read NDEF“ grau und nicht verfügbar ist, „Read Tag“ jedoch verfügbar ist. Wählen Sie die Option „Read Tag“ 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.
Hintergrund oder Anwendungsentwicklung und Webserverkonfiguration
Entwickler, die mehr erfahren möchten, können zunächst den Quellcode unserer iOS-Anwendung (STSW-ST25IOS001) herunterladen. Ingenieure können die heruntergeladene Datei einfach in der Apple IDE-Entwicklungsumgebung öffnen und mit der Arbeit an unserem Implementierungsansatz beginnen. Zunächst ist zu beachten, dass ein Codestück, das als kleines Programm in einer Anwendung fungiert, ein bestimmtes Ziel ist. Um Entwickler bei der Entwicklung kleiner Programme zu unterstützen, stellt Apple eine spezielle App-Clip-Vorlage bereit, kleine Programme können mit Apple Pay verwendet werden und Sie können sich mit Ihrem Apple-Konto bei der Software anmelden. Das neue System profitiert auch von einem speziellen Benachrichtigungs- und Geolokalisierungssystem. Darüber hinaus kann eine iOS-Software mehrere App-Clips haben. In Xcode sollten Entwickler auf die Registerkarte „Signing & Capabilities“ achten und sich den Teamnamen und die Bundle-ID merken.
Der nächste Schritt besteht darin, das App Clip-Applet mithilfe der App Store Connect-Weboberfläche zu erstellen. Hier lädt 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
Experience öffnet ein neues Menü und legt die URL so fest, dass sie auf das Applet verweist. Darüber hinaus können Entwickler das Betriebssystem auffordern, die Geolokalisierung eines Mobilgeräts zu überprüfen, und Händler können diese Funktion nutzen, um das Applet einem Geschäft oder einem bestimmten Standort zuzuordnen.
Serverseitig
Die 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üssen 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.
Die 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:
„Appclips“: {
„Apps“: [„TEAM_NAME.BUNDLE_ID (z. B. UL3MK8FNMR.com.st.st25ncf.clip)“],
„Pfade“: [„ZIEL (zB Pfad/*)“]
