{"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\/sv\/how-to-develop-an-ios-applet-and-trigger-it-with-nfc-tags\/","title":{"rendered":"Hur man utvecklar en iOS-applet och utl\u00f6ser den med NFC-taggar"},"content":{"rendered":"

Idag har f\u00f6retag ett nytt s\u00e4tt att interagera med kunder \u2013 App Clip och NFC-taggar. Denna funktion till\u00e5ter anv\u00e4ndare att k\u00f6ra sm\u00e5 program p\u00e5 telefonens operativsystem utan att beh\u00f6va g\u00e5 till appbutiken f\u00f6r att ladda ner och installera programvaran. Sm\u00e5 program poppar helt enkelt upp information p\u00e5 sk\u00e4rmen, en funktion som skapar m\u00f6jligheter att utveckla nya kundrelationer. Till exempel kan kaf\u00e9er erbjuda mer anv\u00e4ndbara lojalitetskort och \u00e5terf\u00f6rs\u00e4ljare kan g\u00f6ra virtuella pl\u00e5nb\u00f6cker mer anv\u00e4ndbara. Handlare kan trigga appleten p\u00e5 flera s\u00e4tt, varav ett \u00e4r en NFC-tagg som pekar p\u00e5 en URL-adress. N\u00e4r anv\u00e4ndarens iPhone \u00e4r n\u00e4ra etiketten, hittar telefonen automatiskt URL:en och startar appleten. Principen \u00e4r enkel och kostnaden l\u00e5g. L\u00e5t oss ta en titt p\u00e5 vad f\u00f6retag beh\u00f6ver f\u00f6r att anv\u00e4nda applets.<\/p>\n

\"\"
\nVad \u00e4r ett appklipp? App Clip beskrivs som en "l\u00e4tt version av mobilappar." Denna lilla programvara inneh\u00e5ller mindre \u00e4n 10 MB f\u00f6rkomprimerad bin\u00e4r kod och tillhandah\u00e5ller huvudsakligen en liten del av applikationens funktionalitet. Till exempel kan ett kaffef\u00f6retags fullst\u00e4ndiga app tillhandah\u00e5lla en katalog \u00f6ver dess kaf\u00e9er, senaste kampanjer, f\u00f6rs\u00e4ljningsrankningar och lojalitetskort, men appletappen App Clip visar bara lojalitetskorten. Dessa funktioner s\u00e4kerst\u00e4ller en omedelbar upplevelse f\u00f6r anv\u00e4ndarna, \u00e4ven n\u00e4r mobila internethastigheter \u00e4r l\u00e5ga. Anv\u00e4ndare kan ocks\u00e5 f\u00e5 en enkel och snabb anv\u00e4ndarupplevelse. Att lansera miniprogrammet via telefonen n\u00e4ra NFC-taggen kan minska m\u00e5nga hinder f\u00f6r anv\u00e4ndning, vilket \u00f6ppnar d\u00f6rren till digital interaktion f\u00f6r nya kunder som \u00e4r mindre bekanta med mobilappar. H\u00e4r \u00e4r en titt p\u00e5 ST:s iOS-apputvecklare Vincent Latorres erfarenhet av utveckling av sm\u00e5 program.
\nApp Clip: Klient- eller NFC-konfiguration<\/p>\n

\"\"
\n1. F\u00f6rbered ST25-TAG-BAG-U-paketet
\nST25-TAG-BAG-U-etikettsatsen inneh\u00e5ller: 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
\nDen enklaste delen av hela konfigurationsprocessen \u00e4r att skapa en NFC-tagg och skriva URL:en till appleten inuti taggen. Processen \u00e4r lika enkel som att skapa en fungerande demo utan att skriva en enda rad kod. F\u00f6r demonstrations\u00e4ndam\u00e5l kommer vi att anv\u00e4nda tv\u00e5 ST25TV02K NFC-taggar, en f\u00f6r att h\u00e5lla appletens URL-adress och den andra som ett bevis p\u00e5 konceptet f\u00f6r att f\u00f6rklara de funktionella beh\u00e5llare som kan lagras eller cachelagras i operativsystemet.
\nOm du vill utveckla en presentation baserad p\u00e5 appletappen App Clip beh\u00f6vs inte den andra fliken, utvecklaren kan bara anv\u00e4nda den f\u00f6rsta fliken. Men ist\u00e4llet f\u00f6r att visa dig en sk\u00e4rm vill vi passa p\u00e5 att visa dig hur du skriver minnesblock och ge konkreta bevis f\u00f6r att ST:s applet faktiskt fungerar. B\u00e5da dessa taggar \u00e4r sm\u00e5 runda taggar i ST25-TAG-BAG-U kit. Anv\u00e4ndare m\u00e5ste g\u00e5 till App Store och ladda ner v\u00e5r NFC Tap-app f\u00f6r att l\u00e4sa och skriva taggar.<\/p>\n

Skriv URL<\/p>\n

Vi tar ut den f\u00f6rsta ST25TV02K-taggen. F\u00f6ljande demonstration f\u00f6ruts\u00e4tter att etiketten \u00e4r tom. Det f\u00f6rsta steget \u00e4r att v\u00e4lja L\u00e4s tagg p\u00e5 startsk\u00e4rmen, h\u00e5ll sedan telefonen n\u00e4ra taggen och meddelandet ST25TV02K visas p\u00e5 sk\u00e4rmen. Klicka sedan l\u00e4ngst ned till h\u00f6ger p\u00e5 sk\u00e4rmen... Ikonen, v\u00e4lj sedan alternativet Areas Content Editor och skanna slutligen etiketten med din telefon. Om det \u00e4r en tom etikett visas en dialogruta med minnesstorleken (till exempel 256 byte) och meddelandet No NDEF.
\nInnan du skriver ett NDEF-meddelande m\u00e5ste anv\u00e4ndaren klicka p\u00e5 dialogrutan som s\u00e4ger Inget NDEF-meddelande, och en vit ruta och bl\u00e5 pil visas p\u00e5 sk\u00e4rmen. Svep den vita rutan till v\u00e4nster och en meny dyker upp med alternativen L\u00e4gg till, Redigera, Infoga och Utf\u00f6r. Efter att ha valt L\u00e4gg till,
\n1. V\u00e4lj NdefUriRecord<\/p>\n

2. https:\/\/www.myst25.com\/clip. Se till att v\u00e4lja https, annars visas inte appleten omedelbart.<\/p>\n

3. Tryck p\u00e5 knappen Validera och skriv etiketten
\nL\u00e4r dig mer om funktionella beh\u00e5llare<\/p>\n

Den andra ST25TV02K \u00e4r v\u00e5r testtagg, och vi kan ocks\u00e5 anv\u00e4nda den f\u00f6r att l\u00e4ra oss om NDEF-st\u00f6d i Type-5-taggar. Denna demonstration bevisar att ST:s applet l\u00e4ser etiketter, inte visar en telefonsk\u00e4rm. F\u00f6r att g\u00f6ra demon mer intressant kommer vi att f\u00f6lja tillv\u00e4gag\u00e5ngss\u00e4ttet i v\u00e5ra anteckningar om NDEF-hantering. Faktum \u00e4r att den artikeln f\u00f6rklarade hur man konfigurerar ST25TV-taggen till en NFC Type-5-tagg som st\u00f6der NDEF-meddelanden, kort sagt, att skriva en giltig funktionsbeh\u00e5llare (CC) i det f\u00f6rsta lagringsblocket. Den artikeln f\u00f6rklarar installationsprocessen f\u00f6r anv\u00e4ndaren, och vi kan skriva fyra byte CC: E1 40 20 01h direkt i det f\u00f6rsta lagringsblocket i ST25TV02K.
\nSkriv testtagg<\/p>\n

Innan du utf\u00f6r taggskrivoperationen, \u00f6ppna NFC Tap iOS-appen och
\n1. V\u00e4lj Read Tag och skanna den andra ST25TV02K-taggen
\n2. Kontrollera avsnittet CC-fil f\u00f6r att se till att etiketten \u00e4r tom. Om det magiska numret \u00e4r 0x00 inneh\u00e5ller taggen ingen information.
\nNu aktiverar vi st\u00f6det f\u00f6r NDEF-meddelande\u00f6verf\u00f6ring och skriver ett litet meddelande.
\n1. V\u00e4lj Mer l\u00e4ngst ned p\u00e5 sk\u00e4rmen och v\u00e4lj sedan Areas Content Editor. Programvaran kommer sedan att be dig skanna taggen och hitta ett 256-byte skrivbart omr\u00e5de utan inneh\u00e5ll.
\n2. Klicka p\u00e5 Omr\u00e5de 1
\n3. Meddelandet Ingen NDEF-inspelning visas p\u00e5 sk\u00e4rmen. Svep dialogrutan \u00e5t v\u00e4nster och en meny visas, v\u00e4lj L\u00e4gg till.
\n4. Klicka p\u00e5 NdefTextRecord, rensa den befintliga texten och skriv Hello World!
\n5. Tryck p\u00e5 knappen Validera, placera sedan telefonen n\u00e4ra etiketten och skriv NDEF-meddelandet.
\nTesta appklippet<\/p>\n

Sm\u00e5 program dyker bara upp n\u00e4r den fullst\u00e4ndiga applikationsmjukvaran inte \u00e4r installerad p\u00e5 telefonen. Innan du skannar den f\u00f6rsta ST25TV02K-taggen med appletens URL-adress m\u00e5ste du d\u00e4rf\u00f6r ta bort NFC Tap-programvaran om den \u00e4r installerad. N\u00e4r telefonen uppt\u00e4cker den f\u00f6rsta fliken visar den appletkortet p\u00e5 peksk\u00e4rmen och fr\u00e5gar anv\u00e4ndaren om de vill \u00f6ppna appleten eller ladda ner appen fr\u00e5n appbutiken. Om du \u00f6ppnar appleten visas en avskalad version av NFC Tap-applikationen, d\u00e4r Read NDEF \u00e4r gr\u00e5tt och inte tillg\u00e4ngligt, men Read Tag \u00e4r tillg\u00e4ngligt. V\u00e4lj alternativet L\u00e4s tagg och skanna sedan den andra ST25TV02K-taggen f\u00f6r att bevisa att appleten l\u00e4ser v\u00e5ra taggdata. N\u00e4r vi rullar ner p\u00e5 sk\u00e4rmen ser vi att det magiska numret \u00e4r 0xE1, vilket bevisar att appleten skannar etiketten vi just konfigurerade.<\/p>\n

Bakgrunds- eller applikationsutveckling och webbserverkonfiguration
\nF\u00f6r utvecklare som vill l\u00e4ra sig mer \u00e4r det f\u00f6rsta steget att ladda ner k\u00e4llkoden f\u00f6r v\u00e5r iOS-applikation (STSW-ST25IOS001). Ingenj\u00f6rer kan helt enkelt \u00f6ppna den nedladdade filen i Apple IDE-utvecklingsmilj\u00f6n och b\u00f6rja arbeta med v\u00e5r implementeringsmetod. Det f\u00f6rsta att notera \u00e4r att en bit kod som fungerar som ett litet program i en applikation \u00e4r ett specifikt m\u00e5l. F\u00f6r att hj\u00e4lpa utvecklare att utveckla sm\u00e5 program tillhandah\u00e5ller Apple en dedikerad App Clip-mall, sm\u00e5 program kan anv\u00e4ndas med Apple Pay och du kan logga in p\u00e5 programvaran med ditt Apple-konto. Det nya systemet drar ocks\u00e5 nytta av ett s\u00e4rskilt system f\u00f6r meddelanden och geolokalisering. Dessutom kan en iOS-programvara ha flera appklipp. I Xcode b\u00f6r utvecklare vara uppm\u00e4rksamma p\u00e5 fliken Signering och kapacitet och komma ih\u00e5g teamnamnet och paketidentifieraren.
\nN\u00e4sta steg \u00e4r att skapa App Clip-appleten med hj\u00e4lp av App Store Connect-webbgr\u00e4nssnittet. H\u00e4r kommer utvecklaren att ladda upp en bild, som kommer att visas p\u00e5 iOS-kortet, vilket lockar anv\u00e4ndaren att starta appleten. Klicka p\u00e5 Advanced App Clip
\nExperience \u00f6ppnar en ny meny och st\u00e4ller in webbadressen s\u00e5 att den pekar p\u00e5 appleten. Dessutom kan utvecklare beg\u00e4ra att operativsystemet kontrollerar geolokaliseringen av en mobil enhet, och handlare kan v\u00e4lja att anv\u00e4nda den h\u00e4r funktionen f\u00f6r att associera appleten med en butik eller en specifik plats.
\nServersidan
\nWebbserverkonfigurationen \u00e4r mycket enkel. I Xcode och App Store Connect inom definierade i URL:en m\u00e5ste till exempel http:\/\/www.myst25.com\/clip ha ett index. HTML-filen och metataggarna m\u00e5ste inneh\u00e5lla applikations-ID och litet applikationspaket-ID. Som visas nedan kan filens br\u00f6dtext vara tom, d\u00e4r den viktigaste platsen \u00e4r sj\u00e4lva metataggen.
\nFilen som heter apple-app-site-association \u00e4r den andra viktiga filen som m\u00e5ste finnas i rotmappen p\u00e5 webbservern, till exempel\/www. Filen listar endast f\u00f6ljande arrayer:
\n"appklipp" : {
\n"apps": ["TEAM_NAME.BUNDLE_ID (t.ex. UL3MK8FNMR.com.st.st25ncf.clip)"],
\n"paths": ["DESTINATION (t.ex. s\u00f6kv\u00e4g\/*)"]","protected":false},"excerpt":{"rendered":"

Idag har f\u00f6retag ett nytt s\u00e4tt att interagera med kunder \u2013 App Clip och NFC-taggar. Denna funktion till\u00e5ter anv\u00e4ndare att k\u00f6ra sm\u00e5 program p\u00e5 telefonens operativsystem utan att beh\u00f6va g\u00e5 till appbutiken f\u00f6r att ladda ner och installera programvaran. Sm\u00e5 program poppar helt enkelt upp information p\u00e5 sk\u00e4rmen, en funktion som [\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\/sv\/wp-json\/wp\/v2\/posts\/2232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nfc-readers.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nfc-readers.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nfc-readers.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nfc-readers.com\/sv\/wp-json\/wp\/v2\/comments?post=2232"}],"version-history":[{"count":1,"href":"https:\/\/nfc-readers.com\/sv\/wp-json\/wp\/v2\/posts\/2232\/revisions"}],"predecessor-version":[{"id":2235,"href":"https:\/\/nfc-readers.com\/sv\/wp-json\/wp\/v2\/posts\/2232\/revisions\/2235"}],"wp:attachment":[{"href":"https:\/\/nfc-readers.com\/sv\/wp-json\/wp\/v2\/media?parent=2232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nfc-readers.com\/sv\/wp-json\/wp\/v2\/categories?post=2232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nfc-readers.com\/sv\/wp-json\/wp\/v2\/tags?post=2232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}