Kako razviti iOS applet i pokrenuti ga pomoću NFC oznaka

Danas tvrtke imaju novi način interakcije s klijentima – App Clip i NFC oznake. Ova značajka omogućuje korisnicima pokretanje malih programa na operativnom sustavu telefona bez potrebe za odlaskom u trgovinu aplikacija za preuzimanje i instaliranje softvera. Mali programi jednostavno iskaču informacije na zaslonu, značajka koja stvara prilike za razvoj novih odnosa s klijentima. Na primjer, kafići bi mogli ponuditi korisnije kartice vjernosti, a trgovci bi virtualne novčanike mogli učiniti upotrebljivijima. Trgovci mogu pokrenuti applet na nekoliko načina, od kojih je jedan NFC oznaka koja upućuje na URL adresu. Kada je korisnikov iPhone blizu oznake, telefon automatski pronalazi URL i pokreće aplet. Princip je jednostavan, a cijena niska. Pogledajmo što je tvrtkama potrebno za korištenje apleta.


Što je App Clip? App Clip opisuje se kao "lagana verzija mobilnih aplikacija". Ovaj mali softver sadrži manje od 10 MB prethodno komprimiranog binarnog koda i uglavnom pruža mali dio funkcionalnosti aplikacije. Na primjer, potpuna aplikacija tvrtke za kavu može pružiti imenik njezinih kafića, nedavnih promocija, prodajnih ljestvica i kartica vjernosti, ali applet App Clip prikazuje samo kartice vjernosti. Ove značajke korisnicima osiguravaju trenutno iskustvo, čak i kada su brzine mobilnog interneta niske. Korisnici također mogu dobiti jednostavno i brzo korisničko iskustvo. Pokretanje mini programa putem telefona u blizini NFC oznake može smanjiti mnoge prepreke u korištenju, otvarajući 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.
App Clip: konfiguracija klijenta ili NFC-a


1. Pripremite paket ST25-TAG-BAG-U
ST25-TAG-BAG-U komplet oznaka uključuje: 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
Najlakši 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 ćemo dvije ST25TV02K NFC oznake, jednu za držanje URL adrese appleta, a drugu kao dokaz koncepta za objašnjenje funkcionalnih spremnika koji se mogu pohraniti ili predmemorirati u operativnom sustavu.
Ako želite razviti prezentaciju temeljenu na appletu App Clip, drugi TAB nije potreban, programer može koristiti samo prvi TAB. Ali umjesto da vam pokažemo ekran, želimo iskoristiti ovu priliku da vam pokažemo kako pisati blokove memorije i pružiti konkretne dokaze da ST-ov applet stvarno radi. Obje ove oznake su male okrugle oznake u kompletu ST25-TAG-BAG-U. Korisnici moraju otići u App Store i preuzeti našu aplikaciju NFC Tap za čitanje i pisanje oznaka.

Napiši URL

Izvadimo prvu oznaku ST25TV02K. Sljedeća demonstracija pretpostavlja da je oznaka prazna. Prvi korak je odabir Read Tag na početnom zaslonu, zatim držite telefon blizu oznake i na zaslonu će se pojaviti poruka ST25TV02K. Zatim kliknite u donjem desnom kutu zaslona… ikonu, zatim odaberite opciju Areas Content Editor i na kraju skenirajte naljepnicu svojim telefonom. Ako je to prazna oznaka, pojavit će se dijaloški okvir s veličinom memorije (na primjer, 256 bajtova) i porukom No NDEF.
Prije pisanja NDEF poruke, korisnik mora kliknuti dijaloški okvir u kojem piše Nema NDEF poruke, a na ekranu će se pojaviti bijeli okvir i plava strelica. Povucite bijeli okvir ulijevo i pojavit će se izbornik s opcijama Dodaj, Uredi, Umetni i Izvrši. Nakon odabira Dodaj,
1. Odaberite NdefUriRecord

2. https://www.myst25.com/clip. Svakako odaberite https jer se u suprotnom aplet neće odmah prikazati.

3. Pritisnite gumb Validate i napišite oznaku
Saznajte više o funkcionalnim spremnicima

Drugi ST25TV02K je naša testna oznaka, a možemo je koristiti i za učenje o podršci za NDEF u oznakama tipa 5. Ova demonstracija dokazuje da ST-ov aplet čita oznake, a ne prikazuje zaslon telefona. Kako bismo demo učinili zanimljivijim, slijedit ćemo pristup u našim bilješkama o aplikaciji za upravljanje NDEF-om. Zapravo, taj je članak objasnio kako konfigurirati oznaku ST25TV na oznaku NFC Type-5 koja podržava NDEF poruke, ukratko, pisanje važećeg funkcijskog spremnika (CC) u prvi blok pohrane. Taj članak korisniku objašnjava postupak postavljanja, a četiri bajta CC: E1 40 20 01h možemo napisati izravno u prvi blok memorije u ST25TV02K.
Napišite testnu oznaku

Prije izvođenja operacije pisanja oznake, otvorite NFC Tap iOS aplikaciju i
1. Odaberite Read Tag i skenirajte drugu ST25TV02K oznaku
2. Provjerite odjeljak CC datoteka kako biste bili sigurni da je oznaka prazna. Ako je magični broj 0x00, oznaka ne sadrži nikakve informacije.
Sada aktiviramo podršku za prijenos NDEF poruka i napišemo malu poruku.
1. Odaberite Više na dnu zaslona, zatim odaberite Uređivač sadržaja područja. Softver će zatim tražiti da skenirate oznaku i pronađete 256-bajtno područje za upisivanje bez sadržaja.
2. Pritisnite Područje 1
3. Na zaslonu se pojavljuje poruka No NDEF Record. Povucite dijaloški okvir ulijevo i pojavit će se izbornik, odaberite Dodaj.
4. Pritisnite NdefTextRecord, obrišite postojeći tekst i upišite Hello World!
5. Pritisnite gumb Validate, zatim postavite telefon blizu oznake i napišite NDEF poruku.
Testirajte App Clip

Mali programi iskaču 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ći korisnika želi li otvoriti applet ili preuzeti aplikaciju iz trgovine aplikacija. Otvaranjem appleta prikazat će se skraćena 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 čita naše podatke oznake. Pomicanjem zaslona prema dolje vidimo da je Magični broj 0xE1, što dokazuje da aplet skenira oznaku koju smo upravo konfigurirali.

Pozadina ili razvoj aplikacija i konfiguracija web poslužitelja
Za programere koji žele naučiti više, prvi korak je preuzimanje izvornog koda za našu iOS aplikaciju (STSW-ST25IOS001). Inženjeri mogu jednostavno otvoriti preuzetu datoteku u razvojnom okruženju Apple IDE i početi raditi na našem pristupu implementaciji. Prvo što treba primijetiti jest da je komad koda koji djeluje kao mali program u aplikaciji specifična meta. Kako bi pomogao razvojnim programerima u razvoju malih programa, Apple nudi namjenski predložak App Clip, mali programi se mogu koristiti s Apple Payom, a možete se prijaviti na softver sa svojim Apple računom. Novi sustav također ima koristi od posebnog sustava obavijesti i geolociranja. Osim toga, jedan iOS softver može imati više App isječaka. U Xcodeu bi programeri trebali obratiti pozornost na karticu Signing & Capabilities i zapamtiti naziv tima i identifikator paketa.
Sljedeći korak je stvaranje appleta App Clip pomoću web sučelja App Store Connect. Ovdje će programer učitati sliku koja će biti prikazana na iOS kartici, potičući korisnika da pokrene applet. Pritisnite isječak napredne aplikacije
Experience će otvoriti novi izbornik i postaviti URL tako da pokazuje na aplet. Osim toga, programeri mogu zahtijevati od operativnog sustava da provjeri geolokaciju mobilnog uređaja, a trgovci mogu odabrati korištenje ove značajke za povezivanje appleta s trgovinom ili određenom lokacijom.
Strana poslužitelja
Konfiguracija web poslužitelja 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žavati ID aplikacije i ID paketa male aplikacije. Kao što je prikazano u nastavku, tijelo datoteke može biti prazno, a najvažnije mjesto je sama meta oznaka.
Datoteka pod nazivom apple-app-site-association je druga važna datoteka koja mora postojati u korijenskoj mapi web poslužitelja, kao što je /www. Datoteka navodi samo sljedeće nizove:
“appclips” : {
“apps”: [“TEAM_NAME.BUNDLE_ID (npr. UL3MK8FNMR.com.st.st25ncf.clip)”],
“staze”: [“ODREDIŠTE (npr. staza/*)”]

Odgovori

Vaša adresa e-pošte neće biti objavljena. Obavezna polja su označena sa * (obavezno)