{"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\/hr\/how-to-develop-an-ios-applet-and-trigger-it-with-nfc-tags\/","title":{"rendered":"Kako razviti iOS applet i pokrenuti ga pomo\u0107u NFC oznaka"},"content":{"rendered":"

Danas tvrtke imaju novi na\u010din interakcije s klijentima \u2013 App Clip i NFC oznake. Ova zna\u010dajka omogu\u0107uje korisnicima pokretanje malih programa na operativnom sustavu telefona bez potrebe za odlaskom u trgovinu aplikacija za preuzimanje i instaliranje softvera. Mali programi jednostavno iska\u010du informacije na zaslonu, zna\u010dajka koja stvara prilike za razvoj novih odnosa s klijentima. Na primjer, kafi\u0107i bi mogli ponuditi korisnije kartice vjernosti, a trgovci bi virtualne nov\u010danike mogli u\u010diniti upotrebljivijima. Trgovci mogu pokrenuti applet na nekoliko na\u010dina, od kojih je jedan NFC oznaka koja upu\u0107uje na URL adresu. Kada je korisnikov iPhone blizu oznake, telefon automatski pronalazi URL i pokre\u0107e aplet. Princip je jednostavan, a cijena niska. Pogledajmo \u0161to je tvrtkama potrebno za kori\u0161tenje apleta.<\/p>\n

\"\"
\n\u0160to je App Clip? App Clip opisuje se kao "lagana verzija mobilnih aplikacija". Ovaj mali softver sadr\u017ei manje od 10 MB prethodno komprimiranog binarnog koda i uglavnom pru\u017ea mali dio funkcionalnosti aplikacije. Na primjer, potpuna aplikacija tvrtke za kavu mo\u017ee pru\u017eiti imenik njezinih kafi\u0107a, nedavnih promocija, prodajnih ljestvica i kartica vjernosti, ali applet App Clip prikazuje samo kartice vjernosti. Ove zna\u010dajke korisnicima osiguravaju trenutno iskustvo, \u010dak i kada su brzine mobilnog interneta niske. Korisnici tako\u0111er mogu dobiti jednostavno i brzo korisni\u010dko iskustvo. Pokretanje mini programa putem telefona u blizini NFC oznake mo\u017ee smanjiti mnoge prepreke u kori\u0161tenju, otvaraju\u0107i vrata digitalnoj interakciji za nove korisnike koji su manje upoznati s mobilnim aplikacijama. Evo pogleda na iskustvo ST-ovog programera aplikacija za iOS Vincenta Latorrea u razvoju malih programa.
\nApp Clip: konfiguracija klijenta ili NFC-a<\/p>\n

\"\"
\n1. Pripremite paket ST25-TAG-BAG-U
\nST25-TAG-BAG-U komplet oznaka uklju\u010duje: 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
\nNajlak\u0161i dio cijelog procesa konfiguracije je stvoriti NFC oznaku i napisati URL do appleta unutar oznake. Proces je jednostavan poput stvaranja demo verzije koja radi bez pisanja ijedne linije koda. U svrhu demonstracije koristit \u0107emo dvije ST25TV02K NFC oznake, jednu za dr\u017eanje URL adrese appleta, a drugu kao dokaz koncepta za obja\u0161njenje funkcionalnih spremnika koji se mogu pohraniti ili predmemorirati u operativnom sustavu.
\nAko \u017eelite razviti prezentaciju temeljenu na appletu App Clip, drugi TAB nije potreban, programer mo\u017ee koristiti samo prvi TAB. Ali umjesto da vam poka\u017eemo ekran, \u017eelimo iskoristiti ovu priliku da vam poka\u017eemo kako pisati blokove memorije i pru\u017eiti konkretne dokaze da ST-ov applet stvarno radi. Obje ove oznake su male okrugle oznake u kompletu ST25-TAG-BAG-U. Korisnici moraju oti\u0107i u App Store i preuzeti na\u0161u aplikaciju NFC Tap za \u010ditanje i pisanje oznaka.<\/p>\n

Napi\u0161i URL<\/p>\n

Izvadimo prvu oznaku ST25TV02K. Sljede\u0107a demonstracija pretpostavlja da je oznaka prazna. Prvi korak je odabir Read Tag na po\u010detnom zaslonu, zatim dr\u017eite telefon blizu oznake i na zaslonu \u0107e se pojaviti poruka ST25TV02K. Zatim kliknite u donjem desnom kutu zaslona\u2026 ikonu, zatim odaberite opciju Areas Content Editor i na kraju skenirajte naljepnicu svojim telefonom. Ako je to prazna oznaka, pojavit \u0107e se dijalo\u0161ki okvir s veli\u010dinom memorije (na primjer, 256 bajtova) i porukom No NDEF.
\nPrije pisanja NDEF poruke, korisnik mora kliknuti dijalo\u0161ki okvir u kojem pi\u0161e Nema NDEF poruke, a na ekranu \u0107e se pojaviti bijeli okvir i plava strelica. Povucite bijeli okvir ulijevo i pojavit \u0107e se izbornik s opcijama Dodaj, Uredi, Umetni i Izvr\u0161i. Nakon odabira Dodaj,
\n1. Odaberite NdefUriRecord<\/p>\n

2. https:\/\/www.myst25.com\/clip. Svakako odaberite https jer se u suprotnom aplet ne\u0107e odmah prikazati.<\/p>\n

3. Pritisnite gumb Validate i napi\u0161ite oznaku
\nSaznajte vi\u0161e o funkcionalnim spremnicima<\/p>\n

Drugi ST25TV02K je na\u0161a testna oznaka, a mo\u017eemo je koristiti i za u\u010denje o podr\u0161ci za NDEF u oznakama tipa 5. Ova demonstracija dokazuje da ST-ov aplet \u010dita oznake, a ne prikazuje zaslon telefona. Kako bismo demo u\u010dinili zanimljivijim, slijedit \u0107emo pristup u na\u0161im bilje\u0161kama o aplikaciji za upravljanje NDEF-om. Zapravo, taj je \u010dlanak objasnio kako konfigurirati oznaku ST25TV na oznaku NFC Type-5 koja podr\u017eava NDEF poruke, ukratko, pisanje va\u017ee\u0107eg funkcijskog spremnika (CC) u prvi blok pohrane. Taj \u010dlanak korisniku obja\u0161njava postupak postavljanja, a \u010detiri bajta CC: E1 40 20 01h mo\u017eemo napisati izravno u prvi blok memorije u ST25TV02K.
\nNapi\u0161ite testnu oznaku<\/p>\n

Prije izvo\u0111enja operacije pisanja oznake, otvorite NFC Tap iOS aplikaciju i
\n1. Odaberite Read Tag i skenirajte drugu ST25TV02K oznaku
\n2. Provjerite odjeljak CC datoteka kako biste bili sigurni da je oznaka prazna. Ako je magi\u010dni broj 0x00, oznaka ne sadr\u017ei nikakve informacije.
\nSada aktiviramo podr\u0161ku za prijenos NDEF poruka i napi\u0161emo malu poruku.
\n1. Odaberite Vi\u0161e na dnu zaslona, zatim odaberite Ure\u0111iva\u010d sadr\u017eaja podru\u010dja. Softver \u0107e zatim tra\u017eiti da skenirate oznaku i prona\u0111ete 256-bajtno podru\u010dje za upisivanje bez sadr\u017eaja.
\n2. Pritisnite Podru\u010dje 1
\n3. Na zaslonu se pojavljuje poruka No NDEF Record. Povucite dijalo\u0161ki okvir ulijevo i pojavit \u0107e se izbornik, odaberite Dodaj.
\n4. Pritisnite NdefTextRecord, obri\u0161ite postoje\u0107i tekst i upi\u0161ite Hello World!
\n5. Pritisnite gumb Validate, zatim postavite telefon blizu oznake i napi\u0161ite NDEF poruku.
\nTestirajte App Clip<\/p>\n

Mali programi iska\u010du samo ako potpuni aplikacijski softver nije instaliran na telefonu. Stoga, prije skeniranja prve ST25TV02K oznake s URL adresom appleta, morate ukloniti softver NFC Tap ako je instaliran. Kada telefon otkrije prvi TAB, prikazuje karticu appleta na zaslonu osjetljivom na dodir, pitaju\u0107i korisnika \u017eeli li otvoriti applet ili preuzeti aplikaciju iz trgovine aplikacija. Otvaranjem appleta prikazat \u0107e se skra\u0107ena verzija aplikacije NFC Tap, gdje je Read NDEF siv i nedostupan, ali Read Tag je dostupan. Odaberite opciju Read tag, a zatim skenirajte drugu oznaku ST25TV02K kako biste dokazali da applet \u010dita na\u0161e podatke oznake. Pomicanjem zaslona prema dolje vidimo da je Magi\u010dni broj 0xE1, \u0161to dokazuje da aplet skenira oznaku koju smo upravo konfigurirali.<\/p>\n

Pozadina ili razvoj aplikacija i konfiguracija web poslu\u017eitelja
\nZa programere koji \u017eele nau\u010diti vi\u0161e, prvi korak je preuzimanje izvornog koda za na\u0161u iOS aplikaciju (STSW-ST25IOS001). In\u017eenjeri mogu jednostavno otvoriti preuzetu datoteku u razvojnom okru\u017eenju Apple IDE i po\u010deti raditi na na\u0161em pristupu implementaciji. Prvo \u0161to treba primijetiti jest da je komad koda koji djeluje kao mali program u aplikaciji specifi\u010dna meta. Kako bi pomogao razvojnim programerima u razvoju malih programa, Apple nudi namjenski predlo\u017eak App Clip, mali programi se mogu koristiti s Apple Payom, a mo\u017eete se prijaviti na softver sa svojim Apple ra\u010dunom. Novi sustav tako\u0111er ima koristi od posebnog sustava obavijesti i geolociranja. Osim toga, jedan iOS softver mo\u017ee imati vi\u0161e App isje\u010daka. U Xcodeu bi programeri trebali obratiti pozornost na karticu Signing & Capabilities i zapamtiti naziv tima i identifikator paketa.
\nSljede\u0107i korak je stvaranje appleta App Clip pomo\u0107u web su\u010delja App Store Connect. Ovdje \u0107e programer u\u010ditati sliku koja \u0107e biti prikazana na iOS kartici, poti\u010du\u0107i korisnika da pokrene applet. Pritisnite isje\u010dak napredne aplikacije
\nExperience \u0107e otvoriti novi izbornik i postaviti URL tako da pokazuje na aplet. Osim toga, programeri mogu zahtijevati od operativnog sustava da provjeri geolokaciju mobilnog ure\u0111aja, a trgovci mogu odabrati kori\u0161tenje ove zna\u010dajke za povezivanje appleta s trgovinom ili odre\u0111enom lokacijom.
\nStrana poslu\u017eitelja
\nKonfiguracija web poslu\u017eitelja vrlo je jednostavna. U Xcodeu i App Store Connect unutar definiranog u URL-u, http:\/\/www.myst25.com\/clip, na primjer, mora imati indeks. HTML datoteka i meta oznake moraju sadr\u017eavati ID aplikacije i ID paketa male aplikacije. Kao \u0161to je prikazano u nastavku, tijelo datoteke mo\u017ee biti prazno, a najva\u017enije mjesto je sama meta oznaka.
\nDatoteka pod nazivom apple-app-site-association je druga va\u017ena datoteka koja mora postojati u korijenskoj mapi web poslu\u017eitelja, kao \u0161to je \/www. Datoteka navodi samo sljede\u0107e nizove:
\n\u201cappclips\u201d : {
\n\u201capps\u201d: [\u201cTEAM_NAME.BUNDLE_ID (npr. UL3MK8FNMR.com.st.st25ncf.clip)\u201d],
\n\u201cstaze\u201d: [\u201cODREDI\u0160TE (npr. staza\/*)\u201d]","protected":false},"excerpt":{"rendered":"

Danas tvrtke imaju novi na\u010din interakcije s klijentima \u2013 App Clip i NFC oznake. Ova zna\u010dajka omogu\u0107uje korisnicima pokretanje malih programa na operativnom sustavu telefona bez potrebe za odlaskom u trgovinu aplikacija za preuzimanje i instaliranje softvera. Mali programi jednostavno iska\u010du informacije na zaslonu, zna\u010dajka koja [\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\/hr\/wp-json\/wp\/v2\/posts\/2232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nfc-readers.com\/hr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nfc-readers.com\/hr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nfc-readers.com\/hr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nfc-readers.com\/hr\/wp-json\/wp\/v2\/comments?post=2232"}],"version-history":[{"count":1,"href":"https:\/\/nfc-readers.com\/hr\/wp-json\/wp\/v2\/posts\/2232\/revisions"}],"predecessor-version":[{"id":2235,"href":"https:\/\/nfc-readers.com\/hr\/wp-json\/wp\/v2\/posts\/2232\/revisions\/2235"}],"wp:attachment":[{"href":"https:\/\/nfc-readers.com\/hr\/wp-json\/wp\/v2\/media?parent=2232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nfc-readers.com\/hr\/wp-json\/wp\/v2\/categories?post=2232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nfc-readers.com\/hr\/wp-json\/wp\/v2\/tags?post=2232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}