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

Danas preduze\u0107a imaju novi na\u010din interakcije s kupcima \u2013 App Clip i NFC oznake. Ova funkcija omogu\u0107ava korisnicima da pokre\u0107u male programe na operativnom sistemu telefona bez potrebe da odlaze u prodavnicu aplikacija da bi preuzeli i instalirali softver. Mali programi jednostavno iska\u010du informacije na ekranu, funkcija koja stvara mogu\u0107nosti za razvoj novih odnosa s kupcima. Na primjer, kafi\u0107i bi mogli ponuditi korisnije kartice lojalnosti, a trgovci bi virtualne nov\u010danike mogli u\u010diniti upotrebljivijim. Trgovci mogu pokrenuti aplet na nekoliko na\u010dina, od kojih je jedan NFC oznaka koja ukazuje na URL adresu. Kada je korisnikov iPhone blizu oznake, telefon automatski pronalazi URL i pokre\u0107e aplet. Princip je jednostavan, a cijena niska. Hajde da pogledamo \u0161ta je potrebno preduze\u0107ima da bi koristili aplete.<\/p>\n

\"\"
\n\u0160ta je isje\u010dak aplikacije? App Clip je opisan kao "laka verzija mobilnih aplikacija". Ovaj mali softver sadr\u017ei manje od 10 MB prethodno komprimovanog binarnog koda i uglavnom pru\u017ea mali dio funkcionalnosti aplikacije. Na primjer, potpuna aplikacija kompanije za kafu mo\u017ee pru\u017eiti imenik njenih kafi\u0107a, nedavnih promocija, rangiranja prodaje i kartica lojalnosti, ali applet App Clip prikazuje samo kartice lojalnosti. Ove funkcije osiguravaju trenutno iskustvo za korisnike, \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 za kori\u0161tenje, otvaraju\u0107i vrata digitalnoj interakciji za nove korisnike koji su manje upoznati s mobilnim aplikacijama. Evo pogleda na iskustvo ST-ovog programera iOS aplikacija Vincenta Latorrea u razvoju malih programa.
\nApp Clip: Klijent ili NFC konfiguracija<\/p>\n

\"\"
\n1. Pripremite ST25-TAG-BAG-U paket
\nKomplet oznaka ST25-TAG-BAG-U uklju\u010duje: 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
\nNajlak\u0161i dio cijelog procesa konfiguracije je kreirati NFC oznaku i napisati URL u aplet unutar oznake. Proces je jednostavan kao kreiranje radne demonstracije bez pisanja jedne linije koda. U svrhu demonstracije, koristi\u0107emo dvije ST25TV02K NFC oznake, jednu za dr\u017eanje URL adrese apleta, a drugu kao dokaz koncepta za obja\u0161njenje funkcionalnih kontejnera koji se mogu pohraniti ili ke\u0161irati u operativnom sistemu.
\nAko \u017eelite da razvijete prezentaciju zasnovanu 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 aplet zaista 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 NFC Tap aplikaciju za \u010ditanje i pisanje oznaka.<\/p>\n

Napi\u0161ite URL<\/p>\n

Vadimo prvu oznaku ST25TV02K. Sljede\u0107a demonstracija pretpostavlja da je naljepnica prazna. Prvi korak je da odaberete Read Tag na po\u010detnom ekranu, zatim dr\u017eite telefon blizu oznake i na ekranu \u0107e se pojaviti poruka ST25TV02K. Zatim kliknite na donji desni dio ekrana\u2026 Ikona, zatim odaberite opciju Areas Content Editor i na kraju skenirajte naljepnicu telefonom. Ako je to prazna oznaka, pojavljuje se dijalo\u0161ki okvir s veli\u010dinom memorije (na primjer, 256 bajtova) i porukom Nema NDEF.
\nPrije nego \u0161to napi\u0161e NDEF poruku, korisnik treba da klikne na dijalo\u0161ki okvir koji ka\u017ee Nema NDEF poruke, a na ekranu se pojavljuju bijeli okvir i plava strelica. Prevucite bijeli okvir ulijevo i pojavi\u0107e se meni sa opcijama za dodavanje, ure\u0111ivanje, umetanje i izvr\u0161enje. Nakon odabira Dodaj,
\n1. Odaberite NdefUriRecord<\/p>\n

2. https:\/\/www.myst25.com\/clip. Obavezno odaberite https, ina\u010de se aplet ne\u0107e odmah prikazati.<\/p>\n

3. Pritisnite dugme Potvrdi i napi\u0161ite oznaku
\nSaznajte vi\u0161e o funkcionalnim kontejnerima<\/p>\n

Drugi ST25TV02K je na\u0161a testna oznaka, a mo\u017eemo je koristiti i za u\u010denje o NDEF podr\u0161ci u oznakama tipa 5. Ova demonstracija dokazuje da ST-ov aplet \u010dita etikete, a ne prikazuje ekran telefona. Da bismo demo u\u010dinili zanimljivijim, slijedit \u0107emo pristup u na\u0161im bilje\u0161kama o aplikaciji o upravljanju NDEF-om. U stvari, taj \u010dlanak je objasnio kako konfigurirati ST25TV oznaku na NFC tip-5 oznaku koja podr\u017eava NDEF poruke, ukratko, upisivanje va\u017ee\u0107eg funkcionalnog kontejnera (CC) u prvi blok memorije. Taj \u010dlanak obja\u0161njava korisniku proces pode\u0161avanja, a mi mo\u017eemo upisati \u010detiri bajta CC: E1 40 20 01h direktno u prvi blok memorije u ST25TV02K.
\nNapi\u0161ite test tag<\/p>\n

Prije izvo\u0111enja operacije pisanja oznake, otvorite aplikaciju NFC Tap iOS i
\n1. Odaberite Read Tag i skenirajte drugu ST25TV02K oznaku
\n2. Provjerite odjeljak CC datoteka da biste bili sigurni da je naljepnica prazna. Ako je Magi\u010dni broj 0x00, oznaka ne sadr\u017ei nikakve informacije.
\nSada aktiviramo NDEF podr\u0161ku za prijenos poruka i napi\u0161emo malu poruku.
\n1. Odaberite Vi\u0161e na dnu ekrana, a zatim odaberite Ure\u0111iva\u010d sadr\u017eaja podru\u010dja. Softver \u0107e od vas tada tra\u017eiti da skenirate oznaku i prona\u0111ete 256-bajtno podru\u010dje za pisanje bez sadr\u017eaja.
\n2. Kliknite na Podru\u010dje 1
\n3. Na ekranu se pojavljuje poruka No NDEF Record. Prevucite dijalo\u0161ki okvir ulijevo i pojavi se meni, odaberite Dodaj.
\n4. Kliknite na NdefTextRecord, obri\u0161ite postoje\u0107i tekst i otkucajte Hello World!
\n5. Pritisnite dugme Potvrdi, zatim stavite telefon blizu etikete i napi\u0161ite NDEF poruku.
\nTestirajte App Clip<\/p>\n

Mali programi se pojavljuju samo kada kompletan aplikativni softver nije instaliran na telefonu. Stoga, prije skeniranja prve ST25TV02K oznake s URL adresom apleta, morate ukloniti softver NFC Tap ako je instaliran. Kada telefon detektuje prvi TAB, on prikazuje karticu appleta na ekranu osetljivom na dodir, pitaju\u0107i korisnika da li \u017eeli da otvori aplet ili da preuzme aplikaciju iz prodavnice aplikacija. Otvaranjem apleta prikazat \u0107e se smanjena verzija aplikacije NFC Tap, gdje je Read NDEF siv i nedostupan, ali je Read Tag dostupan. Odaberite opciju Read tag, a zatim skenirajte drugu ST25TV02K oznaku da doka\u017eete da aplet \u010dita na\u0161e podatke oznake. Skrolovanjem nadole po ekranu vidimo da je Magi\u010dni broj 0xE1, \u0161to dokazuje da aplet skenira oznaku koju smo upravo konfigurisali.<\/p>\n

Razvoj pozadine ili aplikacija i konfiguracija web servera
\nZa programere koji \u017eele saznati vi\u0161e, prvi korak je preuzimanje izvornog koda za na\u0161u iOS aplikaciju (STSW-ST25IOS001). In\u017eenjeri mogu jednostavno otvoriti preuzetu datoteku u Apple IDE razvojnom okru\u017eenju i po\u010deti raditi na na\u0161em pristupu implementaciji. Prva stvar koju treba primijetiti je da je dio koda koji djeluje kao mali program u aplikaciji specifi\u010dan cilj. Kako bi pomogao programerima da razviju male programe, Apple nudi namjenski predlo\u017eak App Clip, mali programi se mogu koristiti uz Apple Pay, a na softver se mo\u017eete prijaviti sa svojim Apple ra\u010dunom. Novi sistem tako\u0111e ima koristi od posebnog sistema obave\u0161tavanja i geolokacije. Osim toga, jedan iOS softver mo\u017ee imati vi\u0161e klipova aplikacije. U Xcodeu, programeri bi trebali obratiti pa\u017enju na karticu Potpisivanje i mogu\u0107nosti i zapamtiti naziv tima i identifikator paketa.
\nSljede\u0107i korak je kreiranje apleta App Clip pomo\u0107u web su\u010delja App Store Connect. Ovdje \u0107e programer postaviti sliku, koja \u0107e biti prikazana na iOS kartici, podsti\u010du\u0107i korisnika da pokrene aplet. Kliknite na napredni klip aplikacije
\nExperience \u0107e otvoriti novi meni i postaviti URL da ukazuje na aplet. Osim toga, programeri mogu zatra\u017eiti od operativnog sistema da provjeri geolokaciju mobilnog ure\u0111aja, a trgovci mogu odabrati kori\u0161tenje ove funkcije za povezivanje apleta s prodavnicom ili odre\u0111enom lokacijom.
\nServer side
\nKonfiguracija web servera je vrlo jednostavna. U Xcode-u i App Store Connect-u unutar definiranog u URL-u, http:\/\/www.myst25.com\/clip, na primjer, mora imati indeks. HTML datoteka i meta oznake moraju uklju\u010divati ID aplikacije i ID malog paketa aplikacije. Kao \u0161to je prikazano ispod, 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 osnovnom folderu web servera, kao \u0161to je\/www. Datoteka navodi samo sljede\u0107e nizove:
\n\u201cappclips\u201d : {
\n"aplikacije": ["TEAM_NAME.BUNDLE_ID (npr. UL3MK8FNMR.com.st.st25ncf.clip)"],
\n"putevi": ["ODREDI\u0160TE (npr. put\/*)"]","protected":false},"excerpt":{"rendered":"

Danas preduze\u0107a imaju novi na\u010din interakcije s kupcima \u2013 App Clip i NFC oznake. Ova funkcija omogu\u0107ava korisnicima da pokre\u0107u male programe na operativnom sistemu telefona bez potrebe da odlaze u prodavnicu aplikacija da bi preuzeli i instalirali softver. Mali programi jednostavno iska\u010du informacije na ekranu, funkcija 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\/bs\/wp-json\/wp\/v2\/posts\/2232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nfc-readers.com\/bs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nfc-readers.com\/bs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nfc-readers.com\/bs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nfc-readers.com\/bs\/wp-json\/wp\/v2\/comments?post=2232"}],"version-history":[{"count":1,"href":"https:\/\/nfc-readers.com\/bs\/wp-json\/wp\/v2\/posts\/2232\/revisions"}],"predecessor-version":[{"id":2235,"href":"https:\/\/nfc-readers.com\/bs\/wp-json\/wp\/v2\/posts\/2232\/revisions\/2235"}],"wp:attachment":[{"href":"https:\/\/nfc-readers.com\/bs\/wp-json\/wp\/v2\/media?parent=2232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nfc-readers.com\/bs\/wp-json\/wp\/v2\/categories?post=2232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nfc-readers.com\/bs\/wp-json\/wp\/v2\/tags?post=2232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}