Tegenwoordig hebben bedrijven een nieuwe manier om met klanten te communiceren: App Clip en NFC-tags. Met deze functie kunnen gebruikers kleine programma's op het besturingssysteem van de telefoon uitvoeren zonder naar de app store te hoeven gaan om de software te downloaden en te installeren. Kleine programma's laten gewoon informatie op het scherm verschijnen, een functie die kansen creëert om nieuwe klantrelaties te ontwikkelen. Koffiehuizen zouden bijvoorbeeld nuttigere loyaliteitskaarten kunnen aanbieden en retailers zouden virtuele portemonnees bruikbaarder kunnen maken. Verkopers kunnen de applet op verschillende manieren activeren, waarvan er één een NFC-tag is die naar een URL-adres verwijst. Wanneer de iPhone van de gebruiker zich in de buurt van het label bevindt, vindt de telefoon automatisch de URL en start de applet. Het principe is eenvoudig en de kosten zijn laag. Laten we eens kijken wat bedrijven nodig hebben om applets te gebruiken.
Wat is een App Clip? App Clip wordt beschreven als een "lichtgewicht versie van mobiele apps." Deze kleine software bevat minder dan 10 MB aan vooraf gecomprimeerde binaire code en biedt voornamelijk een klein deel van de functionaliteit van de applicatie. Bijvoorbeeld, de volledige app van een koffiebedrijf kan een directory van zijn koffieshops, recente promoties, verkoopranglijsten en loyaliteitskaarten bevatten, maar de App Clip-applet toont alleen de loyaliteitskaarten. Deze functies zorgen voor een directe ervaring voor gebruikers, zelfs wanneer de mobiele internetsnelheden laag zijn. Gebruikers kunnen ook een eenvoudige en snelle gebruikerservaring krijgen. Het starten van het miniprogramma via de telefoon in de buurt van de NFC-tag kan veel barrières voor gebruik verminderen, waardoor de deur wordt geopend naar digitale interactie voor nieuwe klanten die minder bekend zijn met mobiele apps. Hier is een blik op de ervaring van ST's iOS-appontwikkelaar Vincent Latorre in de ontwikkeling van kleine programma's.
App Clip: Client- of NFC-configuratie
1. Bereid het ST25-TAG-BAG-U-pakket voor
De ST25-TAG-BAG-U tagkit bevat: 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
Het makkelijkste onderdeel van het hele configuratieproces is het maken van een NFC-tag en het schrijven van de URL naar de applet in de tag. Het proces is net zo eenvoudig als het maken van een werkende demo zonder ook maar één regel code te schrijven. Voor demonstratiedoeleinden gebruiken we twee ST25TV02K NFC-tags, één om het URL-adres van de applet vast te houden en de andere als proof of concept om de functionele containers uit te leggen die kunnen worden opgeslagen of gecached in het besturingssysteem.
Als u een presentatie wilt ontwikkelen op basis van de App Clip-applet, is de tweede TAB niet nodig, de ontwikkelaar kan gewoon de eerste TAB gebruiken. Maar in plaats van u een scherm te laten zien, willen we van deze gelegenheid gebruikmaken om u te laten zien hoe u geheugenblokken schrijft en concreet bewijs leveren dat de applet van ST daadwerkelijk werkt. Beide tags zijn kleine ronde tags in de ST25-TAG-BAG-U-kit. Gebruikers moeten naar de App Store gaan en onze NFC Tap-app downloaden om tags te lezen en te schrijven.
URL schrijven
We halen de eerste ST25TV02K-tag eruit. De volgende demonstratie gaat ervan uit dat het label leeg is. De eerste stap is om Read Tag op het startscherm te selecteren, houd vervolgens de telefoon dicht bij de tag en het bericht ST25TV02K verschijnt op het scherm. Klik vervolgens op het pictogram rechtsonder op het scherm…, selecteer vervolgens de optie Areas Content Editor en scan ten slotte het label met uw telefoon. Als het een leeg label is, verschijnt er een dialoogvenster met de geheugengrootte (bijvoorbeeld 256 bytes) en een bericht No NDEF.
Voordat u een NDEF-bericht schrijft, moet de gebruiker op het dialoogvenster klikken met de tekst Geen NDEF-bericht, waarna een wit vak en een blauwe pijl op het scherm verschijnen. Veeg het witte vak naar links en er verschijnt een menu met de opties Toevoegen, Bewerken, Invoegen en Uitvoeren. Nadat u Toevoegen hebt geselecteerd,
1. Kies NdefUriRecord
2. https://www.myst25.com/clip. Zorg ervoor dat je https selecteert, anders wordt de applet niet meteen weergegeven.
3. Druk op de knop Valideren en schrijf het label
Leer meer over functionele containers
De tweede ST25TV02K is onze testtag en we kunnen deze ook gebruiken om meer te leren over NDEF-ondersteuning in Type-5-tags. Deze demonstratie bewijst dat ST's applet labels leest en geen telefoonscherm toont. Om de demo interessanter te maken, volgen we de aanpak in onze toepassingsnotities over NDEF-beheer. In feite legde dat artikel uit hoe je de ST25TV-tag configureert naar een NFC Type-5-tag die NDEF-berichten ondersteunt, kortom, door een geldige functiecontainer (CC) te schrijven in het eerste blok van de opslag. Dat artikel legt het installatieproces uit aan de gebruiker en we kunnen vier bytes CC: E1 40 20 01h rechtstreeks in het eerste blok van de opslag in de ST25TV02K schrijven.
Schrijf testtag
Voordat u de tag-schrijfbewerking uitvoert, opent u de NFC Tap iOS-app en
1. Selecteer Tag lezen en scan de tweede ST25TV02K-tag
2. Controleer de CC File-sectie om er zeker van te zijn dat het label leeg is. Als het Magic Number 0x00 is, bevat de tag geen informatie.
Nu activeren we de NDEF-berichtoverdrachtondersteuning en schrijven we een kort bericht.
1. Selecteer Meer onderaan het scherm en selecteer vervolgens Areas Content Editor. De software vraagt u vervolgens om de tag te scannen en een 256-byte beschrijfbaar gebied te vinden zonder inhoud.
2. Klik op Gebied 1
3. Het bericht No NDEF Record verschijnt op het scherm. Veeg de dialoog naar links en er verschijnt een menu, selecteer Add.
4. Klik op NdefTextRecord, wis de bestaande tekst en typ Hallo wereld!
5. Druk op de knop Valideren, houd uw telefoon bij het label en schrijf het NDEF-bericht.
Test de app-clip
Kleine programma's verschijnen alleen als de volledige applicatiesoftware niet op de telefoon is geïnstalleerd. Daarom moet u, voordat u de eerste ST25TV02K-tag met het URL-adres van de applet scant, de NFC Tap-software verwijderen als deze is geïnstalleerd. Wanneer de telefoon de eerste TAB detecteert, wordt de appletkaart op het touchscreen weergegeven en wordt de gebruiker gevraagd of hij de applet wil openen of de app wil downloaden uit de app store. Als u de applet opent, wordt een uitgeklede versie van de NFC Tap-applicatie weergegeven, waarbij Read NDEF grijs en niet beschikbaar is, maar Read Tag wel beschikbaar is. Selecteer de optie Read tag en scan vervolgens de tweede ST25TV02K-tag om te bewijzen dat de applet onze taggegevens leest. Als we naar beneden scrollen op het scherm, zien we dat het magische getal 0xE1 is, wat bewijst dat de applet het label scant dat we zojuist hebben geconfigureerd.
Achtergrond of applicatieontwikkeling en webserverconfiguratie
Voor ontwikkelaars die meer willen weten, is de eerste stap het downloaden van de broncode voor onze iOS-applicatie (STSW-ST25IOS001). Engineers kunnen het gedownloade bestand eenvoudig openen in de Apple IDE-ontwikkelomgeving en beginnen met werken aan onze implementatiebenadering. Het eerste dat u moet weten, is dat een stukje code dat fungeert als een klein programma in een applicatie een specifiek doelwit is. Om ontwikkelaars te helpen kleine programma's te ontwikkelen, biedt Apple een speciale App Clip-sjabloon, kunnen kleine programma's worden gebruikt met Apple Pay en kunt u inloggen op de software met uw Apple-account. Het nieuwe systeem profiteert ook van een speciaal meldings- en geolocatiesysteem. Bovendien kan één iOS-software meerdere App Clips hebben. In Xcode moeten ontwikkelaars letten op het tabblad Signing & Capabilities en de teamnaam en bundel-ID onthouden.
De volgende stap is het maken van de App Clip-applet met behulp van de App Store Connect-webinterface. Hier zal de ontwikkelaar een afbeelding uploaden, die op de iOS-kaart wordt weergegeven, om de gebruiker te verleiden de applet te starten. Klik op de Advanced App Clip
Experience opent een nieuw menu en stelt de URL in om naar de applet te verwijzen. Daarnaast kunnen ontwikkelaars het besturingssysteem verzoeken om de geolocatie van een mobiel apparaat te controleren, en handelaren kunnen ervoor kiezen om deze functie te gebruiken om de applet te associëren met een winkel of een specifieke locatie.
Serverzijde
De configuratie van de webserver is heel eenvoudig. In Xcode en de App Store Connect binnen gedefinieerd in de URL, http://www.myst25.com/clip, bijvoorbeeld, moet een index hebben. Het HTML-bestand en de metatags moeten de applicatie-ID en de small application bundle-ID bevatten. Zoals hieronder weergegeven, kan de body van het bestand leeg zijn, waarbij de belangrijkste plaats de metatag zelf is.
Het bestand met de naam apple-app-site-association is het tweede belangrijke bestand dat in de hoofdmap van de webserver moet staan, zoals /www. Het bestand bevat alleen de volgende arrays:
“appclips” : {
“apps”: [“TEAM_NAAM.BUNDLE_ID (bijv. UL3MK8FNMR.com.st.st25ncf.clip)”],
“paden”: [“BESTEMMING (bijv. pad/*)”]
