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

Danas preduzeća imaju novi način interakcije s kupcima – App Clip i NFC oznake. Ova funkcija omogućava korisnicima da pokreću male programe na operativnom sistemu telefona bez potrebe da odlaze u prodavnicu aplikacija da bi preuzeli i instalirali softver. Mali programi jednostavno iskaču informacije na ekranu, funkcija koja stvara mogućnosti za razvoj novih odnosa s kupcima. Na primjer, kafići bi mogli ponuditi korisnije kartice lojalnosti, a trgovci bi virtualne novčanike mogli učiniti upotrebljivijim. Trgovci mogu pokrenuti aplet na nekoliko načina, od kojih je jedan NFC oznaka koja ukazuje na URL adresu. Kada je korisnikov iPhone blizu oznake, telefon automatski pronalazi URL i pokreće aplet. Princip je jednostavan, a cijena niska. Hajde da pogledamo šta je potrebno preduzećima da bi koristili aplete.


Šta je isječak aplikacije? App Clip je opisan kao "laka verzija mobilnih aplikacija". Ovaj mali softver sadrži manje od 10 MB prethodno komprimovanog binarnog koda i uglavnom pruža mali dio funkcionalnosti aplikacije. Na primjer, potpuna aplikacija kompanije za kafu može pružiti imenik njenih kafića, nedavnih promocija, rangiranja prodaje i kartica lojalnosti, ali applet App Clip prikazuje samo kartice lojalnosti. Ove funkcije osiguravaju trenutno iskustvo za korisnike, č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 za korištenje, otvarajući 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.
App Clip: Klijent ili NFC konfiguracija


1. Pripremite ST25-TAG-BAG-U paket
Komplet oznaka ST25-TAG-BAG-U uključuje: 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
Najlakši 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ćemo dvije ST25TV02K NFC oznake, jednu za držanje URL adrese apleta, a drugu kao dokaz koncepta za objašnjenje funkcionalnih kontejnera koji se mogu pohraniti ili keširati u operativnom sistemu.
Ako želite da razvijete prezentaciju zasnovanu 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 aplet zaista 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 NFC Tap aplikaciju za čitanje i pisanje oznaka.

Napišite URL

Vadimo prvu oznaku ST25TV02K. Sljedeća demonstracija pretpostavlja da je naljepnica prazna. Prvi korak je da odaberete Read Tag na početnom ekranu, zatim držite telefon blizu oznake i na ekranu će se pojaviti poruka ST25TV02K. Zatim kliknite na donji desni dio ekrana… Ikona, zatim odaberite opciju Areas Content Editor i na kraju skenirajte naljepnicu telefonom. Ako je to prazna oznaka, pojavljuje se dijaloški okvir s veličinom memorije (na primjer, 256 bajtova) i porukom Nema NDEF.
Prije nego što napiše NDEF poruku, korisnik treba da klikne na dijaloški okvir koji kaže Nema NDEF poruke, a na ekranu se pojavljuju bijeli okvir i plava strelica. Prevucite bijeli okvir ulijevo i pojaviće se meni sa opcijama za dodavanje, uređivanje, umetanje i izvršenje. Nakon odabira Dodaj,
1. Odaberite NdefUriRecord

2. https://www.myst25.com/clip. Obavezno odaberite https, inače se aplet neće odmah prikazati.

3. Pritisnite dugme Potvrdi i napišite oznaku
Saznajte više o funkcionalnim kontejnerima

Drugi ST25TV02K je naša testna oznaka, a možemo je koristiti i za učenje o NDEF podršci u oznakama tipa 5. Ova demonstracija dokazuje da ST-ov aplet čita etikete, a ne prikazuje ekran telefona. Da bismo demo učinili zanimljivijim, slijedit ćemo pristup u našim bilješkama o aplikaciji o upravljanju NDEF-om. U stvari, taj članak je objasnio kako konfigurirati ST25TV oznaku na NFC tip-5 oznaku koja podržava NDEF poruke, ukratko, upisivanje važećeg funkcionalnog kontejnera (CC) u prvi blok memorije. Taj članak objašnjava korisniku proces podešavanja, a mi možemo upisati četiri bajta CC: E1 40 20 01h direktno u prvi blok memorije u ST25TV02K.
Napišite test tag

Prije izvođenja operacije pisanja oznake, otvorite aplikaciju NFC Tap iOS i
1. Odaberite Read Tag i skenirajte drugu ST25TV02K oznaku
2. Provjerite odjeljak CC datoteka da biste bili sigurni da je naljepnica prazna. Ako je Magični broj 0x00, oznaka ne sadrži nikakve informacije.
Sada aktiviramo NDEF podršku za prijenos poruka i napišemo malu poruku.
1. Odaberite Više na dnu ekrana, a zatim odaberite Uređivač sadržaja područja. Softver će od vas tada tražiti da skenirate oznaku i pronađete 256-bajtno područje za pisanje bez sadržaja.
2. Kliknite na Područje 1
3. Na ekranu se pojavljuje poruka No NDEF Record. Prevucite dijaloški okvir ulijevo i pojavi se meni, odaberite Dodaj.
4. Kliknite na NdefTextRecord, obrišite postojeći tekst i otkucajte Hello World!
5. Pritisnite dugme Potvrdi, zatim stavite telefon blizu etikete i napišite NDEF poruku.
Testirajte App Clip

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ći korisnika da li želi da otvori aplet ili da preuzme aplikaciju iz prodavnice aplikacija. Otvaranjem apleta prikazat će 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žete da aplet čita naše podatke oznake. Skrolovanjem nadole po ekranu vidimo da je Magični broj 0xE1, što dokazuje da aplet skenira oznaku koju smo upravo konfigurisali.

Razvoj pozadine ili aplikacija i konfiguracija web servera
Za programere koji žele saznati više, prvi korak je preuzimanje izvornog koda za našu iOS aplikaciju (STSW-ST25IOS001). Inženjeri mogu jednostavno otvoriti preuzetu datoteku u Apple IDE razvojnom okruženju i početi raditi na našem pristupu implementaciji. Prva stvar koju treba primijetiti je da je dio koda koji djeluje kao mali program u aplikaciji specifičan cilj. Kako bi pomogao programerima da razviju male programe, Apple nudi namjenski predložak App Clip, mali programi se mogu koristiti uz Apple Pay, a na softver se možete prijaviti sa svojim Apple računom. Novi sistem takođe ima koristi od posebnog sistema obaveštavanja i geolokacije. Osim toga, jedan iOS softver može imati više klipova aplikacije. U Xcodeu, programeri bi trebali obratiti pažnju na karticu Potpisivanje i mogućnosti i zapamtiti naziv tima i identifikator paketa.
Sljedeći korak je kreiranje apleta App Clip pomoću web sučelja App Store Connect. Ovdje će programer postaviti sliku, koja će biti prikazana na iOS kartici, podstičući korisnika da pokrene aplet. Kliknite na napredni klip aplikacije
Experience će otvoriti novi meni i postaviti URL da ukazuje na aplet. Osim toga, programeri mogu zatražiti od operativnog sistema da provjeri geolokaciju mobilnog uređaja, a trgovci mogu odabrati korištenje ove funkcije za povezivanje apleta s prodavnicom ili određenom lokacijom.
Server side
Konfiguracija 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čivati ID aplikacije i ID malog paketa aplikacije. Kao što je prikazano ispod, 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 osnovnom folderu web servera, kao što je/www. Datoteka navodi samo sljedeće nizove:
“appclips” : {
"aplikacije": ["TEAM_NAME.BUNDLE_ID (npr. UL3MK8FNMR.com.st.st25ncf.clip)"],
"putevi": ["ODREDIŠTE (npr. put/*)"]

Komentariši

Vaša email adresa neće biti objavljivana. Neophodna polja su označena sa *