Hur man utvecklar en iOS-applet och utlöser den med NFC-taggar

Idag har företag ett nytt sätt att interagera med kunder – App Clip och NFC-taggar. Denna funktion tillåter användare att köra små program på telefonens operativsystem utan att behöva gå till appbutiken för att ladda ner och installera programvaran. Små program poppar helt enkelt upp information på skärmen, en funktion som skapar möjligheter att utveckla nya kundrelationer. Till exempel kan kaféer erbjuda mer användbara lojalitetskort och återförsäljare kan göra virtuella plånböcker mer användbara. Handlare kan trigga appleten på flera sätt, varav ett är en NFC-tagg som pekar på en URL-adress. När användarens iPhone är nära etiketten, hittar telefonen automatiskt URL:en och startar appleten. Principen är enkel och kostnaden låg. Låt oss ta en titt på vad företag behöver för att använda applets.


Vad är ett appklipp? App Clip beskrivs som en "lätt version av mobilappar." Denna lilla programvara innehåller mindre än 10 MB förkomprimerad binär kod och tillhandahåller huvudsakligen en liten del av applikationens funktionalitet. Till exempel kan ett kaffeföretags fullständiga app tillhandahålla en katalog över dess kaféer, senaste kampanjer, försäljningsrankningar och lojalitetskort, men appletappen App Clip visar bara lojalitetskorten. Dessa funktioner säkerställer en omedelbar upplevelse för användarna, även när mobila internethastigheter är låga. Användare kan också få en enkel och snabb användarupplevelse. Att lansera miniprogrammet via telefonen nära NFC-taggen kan minska många hinder för användning, vilket öppnar dörren till digital interaktion för nya kunder som är mindre bekanta med mobilappar. Här är en titt på ST:s iOS-apputvecklare Vincent Latorres erfarenhet av utveckling av små program.
App Clip: Klient- eller NFC-konfiguration


1. Förbered ST25-TAG-BAG-U-paketet
ST25-TAG-BAG-U-etikettsatsen innehåller: 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
Den enklaste delen av hela konfigurationsprocessen är att skapa en NFC-tagg och skriva URL:en till appleten inuti taggen. Processen är lika enkel som att skapa en fungerande demo utan att skriva en enda rad kod. För demonstrationsändamål kommer vi att använda två ST25TV02K NFC-taggar, en för att hålla appletens URL-adress och den andra som ett bevis på konceptet för att förklara de funktionella behållare som kan lagras eller cachelagras i operativsystemet.
Om du vill utveckla en presentation baserad på appletappen App Clip behövs inte den andra fliken, utvecklaren kan bara använda den första fliken. Men istället för att visa dig en skärm vill vi passa på att visa dig hur du skriver minnesblock och ge konkreta bevis för att ST:s applet faktiskt fungerar. Båda dessa taggar är små runda taggar i ST25-TAG-BAG-U kit. Användare måste gå till App Store och ladda ner vår NFC Tap-app för att läsa och skriva taggar.

Skriv URL

Vi tar ut den första ST25TV02K-taggen. Följande demonstration förutsätter att etiketten är tom. Det första steget är att välja Läs tagg på startskärmen, håll sedan telefonen nära taggen och meddelandet ST25TV02K visas på skärmen. Klicka sedan längst ned till höger på skärmen... Ikonen, välj sedan alternativet Areas Content Editor och skanna slutligen etiketten med din telefon. Om det är en tom etikett visas en dialogruta med minnesstorleken (till exempel 256 byte) och meddelandet No NDEF.
Innan du skriver ett NDEF-meddelande måste användaren klicka på dialogrutan som säger Inget NDEF-meddelande, och en vit ruta och blå pil visas på skärmen. Svep den vita rutan till vänster och en meny dyker upp med alternativen Lägg till, Redigera, Infoga och Utför. Efter att ha valt Lägg till,
1. Välj NdefUriRecord

2. https://www.myst25.com/clip. Se till att välja https, annars visas inte appleten omedelbart.

3. Tryck på knappen Validera och skriv etiketten
Lär dig mer om funktionella behållare

Den andra ST25TV02K är vår testtagg, och vi kan också använda den för att lära oss om NDEF-stöd i Type-5-taggar. Denna demonstration bevisar att ST:s applet läser etiketter, inte visar en telefonskärm. För att göra demon mer intressant kommer vi att följa tillvägagångssättet i våra anteckningar om NDEF-hantering. Faktum är att den artikeln förklarade hur man konfigurerar ST25TV-taggen till en NFC Type-5-tagg som stöder NDEF-meddelanden, kort sagt, att skriva en giltig funktionsbehållare (CC) i det första lagringsblocket. Den artikeln förklarar installationsprocessen för användaren, och vi kan skriva fyra byte CC: E1 40 20 01h direkt i det första lagringsblocket i ST25TV02K.
Skriv testtagg

Innan du utför taggskrivoperationen, öppna NFC Tap iOS-appen och
1. Välj Read Tag och skanna den andra ST25TV02K-taggen
2. Kontrollera avsnittet CC-fil för att se till att etiketten är tom. Om det magiska numret är 0x00 innehåller taggen ingen information.
Nu aktiverar vi stödet för NDEF-meddelandeöverföring och skriver ett litet meddelande.
1. Välj Mer längst ned på skärmen och välj sedan Areas Content Editor. Programvaran kommer sedan att be dig skanna taggen och hitta ett 256-byte skrivbart område utan innehåll.
2. Klicka på Område 1
3. Meddelandet Ingen NDEF-inspelning visas på skärmen. Svep dialogrutan åt vänster och en meny visas, välj Lägg till.
4. Klicka på NdefTextRecord, rensa den befintliga texten och skriv Hello World!
5. Tryck på knappen Validera, placera sedan telefonen nära etiketten och skriv NDEF-meddelandet.
Testa appklippet

Små program dyker bara upp när den fullständiga applikationsmjukvaran inte är installerad på telefonen. Innan du skannar den första ST25TV02K-taggen med appletens URL-adress måste du därför ta bort NFC Tap-programvaran om den är installerad. När telefonen upptäcker den första fliken visar den appletkortet på pekskärmen och frågar användaren om de vill öppna appleten eller ladda ner appen från appbutiken. Om du öppnar appleten visas en avskalad version av NFC Tap-applikationen, där Read NDEF är grått och inte tillgängligt, men Read Tag är tillgängligt. Välj alternativet Läs tagg och skanna sedan den andra ST25TV02K-taggen för att bevisa att appleten läser våra taggdata. När vi rullar ner på skärmen ser vi att det magiska numret är 0xE1, vilket bevisar att appleten skannar etiketten vi just konfigurerade.

Bakgrunds- eller applikationsutveckling och webbserverkonfiguration
För utvecklare som vill lära sig mer är det första steget att ladda ner källkoden för vår iOS-applikation (STSW-ST25IOS001). Ingenjörer kan helt enkelt öppna den nedladdade filen i Apple IDE-utvecklingsmiljön och börja arbeta med vår implementeringsmetod. Det första att notera är att en bit kod som fungerar som ett litet program i en applikation är ett specifikt mål. För att hjälpa utvecklare att utveckla små program tillhandahåller Apple en dedikerad App Clip-mall, små program kan användas med Apple Pay och du kan logga in på programvaran med ditt Apple-konto. Det nya systemet drar också nytta av ett särskilt system för meddelanden och geolokalisering. Dessutom kan en iOS-programvara ha flera appklipp. I Xcode bör utvecklare vara uppmärksamma på fliken Signering och kapacitet och komma ihåg teamnamnet och paketidentifieraren.
Nästa steg är att skapa App Clip-appleten med hjälp av App Store Connect-webbgränssnittet. Här kommer utvecklaren att ladda upp en bild, som kommer att visas på iOS-kortet, vilket lockar användaren att starta appleten. Klicka på Advanced App Clip
Experience öppnar en ny meny och ställer in webbadressen så att den pekar på appleten. Dessutom kan utvecklare begära att operativsystemet kontrollerar geolokaliseringen av en mobil enhet, och handlare kan välja att använda den här funktionen för att associera appleten med en butik eller en specifik plats.
Serversidan
Webbserverkonfigurationen är mycket enkel. I Xcode och App Store Connect inom definierade i URL:en måste till exempel http://www.myst25.com/clip ha ett index. HTML-filen och metataggarna måste innehålla applikations-ID och litet applikationspaket-ID. Som visas nedan kan filens brödtext vara tom, där den viktigaste platsen är själva metataggen.
Filen som heter apple-app-site-association är den andra viktiga filen som måste finnas i rotmappen på webbservern, till exempel/www. Filen listar endast följande arrayer:
"appklipp" : {
"apps": ["TEAM_NAME.BUNDLE_ID (t.ex. UL3MK8FNMR.com.st.st25ncf.clip)"],
"paths": ["DESTINATION (t.ex. sökväg/*)"]

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *