{"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\/cs\/how-to-develop-an-ios-applet-and-trigger-it-with-nfc-tags\/","title":{"rendered":"Jak vyvinout aplet pro iOS a spustit jej pomoc\u00ed zna\u010dek NFC"},"content":{"rendered":"

Dnes maj\u00ed firmy nov\u00fd zp\u016fsob interakce se z\u00e1kazn\u00edky \u2013 App Clip a NFC tagy. Tato funkce umo\u017e\u0148uje u\u017eivatel\u016fm spou\u0161t\u011bt mal\u00e9 programy v opera\u010dn\u00edm syst\u00e9mu telefonu, ani\u017e by museli chodit do obchodu s aplikacemi a stahovat a instalovat software. Mal\u00e9 programy jednodu\u0161e zobraz\u00ed informace na obrazovce, co\u017e je funkce, kter\u00e1 vytv\u00e1\u0159\u00ed p\u0159\u00edle\u017eitosti k rozvoji nov\u00fdch vztah\u016f se z\u00e1kazn\u00edky. Nap\u0159\u00edklad kav\u00e1rny by mohly nab\u00edzet u\u017eite\u010dn\u011bj\u0161\u00ed v\u011brnostn\u00ed karty a prodejci by mohli u\u010dinit virtu\u00e1ln\u00ed pen\u011b\u017eenky pou\u017eiteln\u011bj\u0161\u00edmi. Obchodn\u00edci mohou aplet spustit n\u011bkolika zp\u016fsoby, jedn\u00edm z nich je zna\u010dka NFC, kter\u00e1 ukazuje na adresu URL. Kdy\u017e je iPhone u\u017eivatele bl\u00edzko \u0161t\u00edtku, telefon automaticky najde adresu URL a spust\u00ed aplet. Princip je jednoduch\u00fd a cena je n\u00edzk\u00e1. Poj\u010fme se pod\u00edvat na to, co podniky pot\u0159ebuj\u00ed k pou\u017e\u00edv\u00e1n\u00ed applet\u016f.<\/p>\n

\"\"
\nCo je to klip aplikace? App Clip je popisov\u00e1n jako \u201eodleh\u010den\u00e1 verze mobiln\u00edch aplikac\u00ed\u201c. Tento mal\u00fd software obsahuje m\u00e9n\u011b ne\u017e 10 MB p\u0159edkomprimovan\u00e9ho bin\u00e1rn\u00edho k\u00f3du a poskytuje p\u0159edev\u0161\u00edm malou \u010d\u00e1st funk\u010dnosti aplikace. Nap\u0159\u00edklad \u00fapln\u00e1 aplikace k\u00e1vov\u00e9 spole\u010dnosti m\u016f\u017ee obsahovat adres\u00e1\u0159 jej\u00edch kav\u00e1ren, ned\u00e1vn\u00fdch akc\u00ed, hodnocen\u00ed prodeje a v\u011brnostn\u00edch karet, ale applet App Clip zobrazuje pouze v\u011brnostn\u00ed karty. Tyto funkce zaji\u0161\u0165uj\u00ed u\u017eivatel\u016fm okam\u017eit\u00fd z\u00e1\u017eitek, i kdy\u017e jsou rychlosti mobiln\u00edho internetu n\u00edzk\u00e9. U\u017eivatel\u00e9 mohou tak\u00e9 z\u00edskat jednoduchou a rychlou u\u017eivatelskou zku\u0161enost. Spu\u0161t\u011bn\u00ed mini programu prost\u0159ednictv\u00edm telefonu pobl\u00ed\u017e zna\u010dky NFC m\u016f\u017ee sn\u00ed\u017eit mnoho p\u0159ek\u00e1\u017eek p\u0159i pou\u017e\u00edv\u00e1n\u00ed a otev\u0159\u00edt dve\u0159e digit\u00e1ln\u00ed interakci pro nov\u00e9 z\u00e1kazn\u00edky, kte\u0159\u00ed jsou m\u00e9n\u011b obezn\u00e1meni s mobiln\u00edmi aplikacemi. Zde je pohled na zku\u0161enosti v\u00fdvoj\u00e1\u0159e aplikac\u00ed pro iOS spole\u010dnosti ST Vincent Latorre s v\u00fdvojem mal\u00fdch program\u016f.
\nApp Clip: Konfigurace klienta nebo NFC<\/p>\n

\"\"
\n1. P\u0159ipravte si bal\u00ed\u010dek ST25-TAG-BAG-U
\nSada \u0161t\u00edtk\u016f ST25-TAG-BAG-U obsahuje: 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
\nNejjednodu\u0161\u0161\u00ed \u010d\u00e1st\u00ed cel\u00e9ho konfigura\u010dn\u00edho procesu je vytvo\u0159it NFC tag a napsat URL do apletu uvnit\u0159 tagu. Proces je stejn\u011b jednoduch\u00fd jako vytvo\u0159en\u00ed funk\u010dn\u00edho dema bez psan\u00ed jedin\u00e9ho \u0159\u00e1dku k\u00f3du. Pro demonstra\u010dn\u00ed \u00fa\u010dely pou\u017eijeme dva tagy ST25TV02K NFC, jeden pro uchov\u00e1n\u00ed URL adresy apletu a druh\u00fd jako d\u016fkaz konceptu pro vysv\u011btlen\u00ed funk\u010dn\u00edch kontejner\u016f, kter\u00e9 lze ulo\u017eit nebo ulo\u017eit do mezipam\u011bti v opera\u010dn\u00edm syst\u00e9mu.
\nPokud chcete vytvo\u0159it prezentaci zalo\u017eenou na apletu App Clip, druh\u00fd TAB nen\u00ed pot\u0159eba, v\u00fdvoj\u00e1\u0159 m\u016f\u017ee pou\u017e\u00edt pouze prvn\u00ed TAB. Ale m\u00edsto toho, abychom v\u00e1m uk\u00e1zali obrazovku, chceme vyu\u017e\u00edt t\u00e9to p\u0159\u00edle\u017eitosti a uk\u00e1zat v\u00e1m, jak zapisovat bloky pam\u011bti, a poskytnout konkr\u00e9tn\u00ed d\u016fkaz, \u017ee aplet ST skute\u010dn\u011b funguje. Oba tyto \u0161t\u00edtky jsou mal\u00e9 kulat\u00e9 \u0161t\u00edtky v sad\u011b ST25-TAG-BAG-U. Aby u\u017eivatel\u00e9 mohli \u010d\u00edst a zapisovat \u0161t\u00edtky, mus\u00ed p\u0159ej\u00edt do obchodu App Store a st\u00e1hnout si na\u0161i aplikaci NFC Tap.<\/p>\n

Napi\u0161te URL<\/p>\n

Vyj\u00edm\u00e1me prvn\u00ed \u0161t\u00edtek ST25TV02K. N\u00e1sleduj\u00edc\u00ed uk\u00e1zka p\u0159edpokl\u00e1d\u00e1, \u017ee \u0161t\u00edtek je pr\u00e1zdn\u00fd. Prvn\u00edm krokem je vybrat na domovsk\u00e9 obrazovce mo\u017enost \u010c\u00edst \u0161t\u00edtek, pot\u00e9 podr\u017eet telefon bl\u00edzko \u0161t\u00edtku a na obrazovce se objev\u00ed zpr\u00e1va ST25TV02K. D\u00e1le klikn\u011bte na ikonu v prav\u00e9m doln\u00edm rohu obrazovky\u2026, pot\u00e9 vyberte mo\u017enost Areas Content Editor a nakonec naskenujte \u0161t\u00edtek pomoc\u00ed telefonu. Pokud se jedn\u00e1 o pr\u00e1zdn\u00fd \u0161t\u00edtek, zobraz\u00ed se dialogov\u00e9 okno s velikost\u00ed pam\u011bti (nap\u0159\u00edklad 256 bajt\u016f) a zpr\u00e1vou No NDEF.
\nP\u0159ed naps\u00e1n\u00edm zpr\u00e1vy NDEF mus\u00ed u\u017eivatel kliknout na dialogov\u00e9 okno s n\u00e1pisem \u017d\u00e1dn\u00e1 zpr\u00e1va NDEF a na obrazovce se objev\u00ed b\u00edl\u00e9 pole a modr\u00e1 \u0161ipka. P\u0159eje\u010fte b\u00edl\u00fdm r\u00e1me\u010dkem doleva a objev\u00ed se nab\u00eddka s mo\u017enostmi P\u0159idat, Upravit, Vlo\u017eit a Spustit. Po v\u00fdb\u011bru P\u0159idat,
\n1. Zvolte NdefUriRecord<\/p>\n

2. https:\/\/www.myst25.com\/clip. Nezapome\u0148te vybrat https, jinak se aplet nezobraz\u00ed okam\u017eit\u011b.<\/p>\n

3. Stiskn\u011bte tla\u010d\u00edtko Validate a napi\u0161te \u0161t\u00edtek
\nSeznamte se s funk\u010dn\u00edmi kontejnery<\/p>\n

Druh\u00fd ST25TV02K je n\u00e1\u0161 testovac\u00ed tag a m\u016f\u017eeme jej tak\u00e9 pou\u017e\u00edt k tomu, abychom se dozv\u011bd\u011bli o podpo\u0159e NDEF ve zna\u010dk\u00e1ch Type-5. Tato uk\u00e1zka dokazuje, \u017ee aplet ST \u010dte \u0161t\u00edtky, nezobrazuje obrazovku telefonu. Aby bylo demo zaj\u00edmav\u011bj\u0161\u00ed, budeme se \u0159\u00eddit p\u0159\u00edstupem uveden\u00fdm v na\u0161ich aplika\u010dn\u00edch pozn\u00e1mk\u00e1ch ke spr\u00e1v\u011b NDEF. Ve skute\u010dnosti tento \u010dl\u00e1nek vysv\u011btlil, jak nakonfigurovat zna\u010dku ST25TV na zna\u010dku NFC Type-5, kter\u00e1 podporuje zpr\u00e1vy NDEF, stru\u010dn\u011b \u0159e\u010deno, z\u00e1pis platn\u00e9ho kontejneru funkc\u00ed (CC) do prvn\u00edho bloku \u00falo\u017ei\u0161t\u011b. Tento \u010dl\u00e1nek vysv\u011btluje u\u017eivateli proces nastaven\u00ed a m\u016f\u017eeme zapsat \u010dty\u0159i bajty CC: E1 40 20 01h p\u0159\u00edmo do prvn\u00edho bloku \u00falo\u017ei\u0161t\u011b v ST25TV02K.
\nNapi\u0161te testovac\u00ed zna\u010dku<\/p>\n

P\u0159ed proveden\u00edm operace z\u00e1pisu zna\u010dky otev\u0159ete aplikaci NFC Tap pro iOS a
\n1. Vyberte Read Tag a naskenujte druh\u00fd tag ST25TV02K
\n2. Zkontrolujte sekci Soubor CC a ujist\u011bte se, \u017ee \u0161t\u00edtek je pr\u00e1zdn\u00fd. Pokud je magick\u00e9 \u010d\u00edslo 0x00, tag neobsahuje \u017e\u00e1dn\u00e9 informace.
\nNyn\u00ed aktivujeme podporu p\u0159enosu zpr\u00e1v NDEF a nap\u00ed\u0161eme malou zpr\u00e1vu.
\n1. Vyberte V\u00edce v doln\u00ed \u010d\u00e1sti obrazovky a pot\u00e9 vyberte Oblasti Editor obsahu. Software v\u00e1s pot\u00e9 po\u017e\u00e1d\u00e1, abyste \u0161t\u00edtek naskenovali a na\u0161li 256bajtovou zapisovatelnou oblast bez obsahu.
\n2. Klikn\u011bte na Oblast 1
\n3. Na obrazovce se objev\u00ed zpr\u00e1va No NDEF Record. P\u0159et\u00e1hn\u011bte dialogov\u00e9 okno doleva a zobraz\u00ed se nab\u00eddka, vyberte P\u0159idat.
\n4. Klepn\u011bte na NdefTextRecord, vyma\u017ete st\u00e1vaj\u00edc\u00ed text a napi\u0161te Hello World!
\n5. Stiskn\u011bte tla\u010d\u00edtko Validate, potom um\u00edst\u011bte telefon do bl\u00edzkosti \u0161t\u00edtku a napi\u0161te zpr\u00e1vu NDEF.
\nOtestujte klip aplikace<\/p>\n

Mal\u00e9 programy se objev\u00ed pouze v p\u0159\u00edpad\u011b, \u017ee v telefonu nen\u00ed nainstalov\u00e1n \u00fapln\u00fd aplika\u010dn\u00ed software. Proto p\u0159ed skenov\u00e1n\u00edm prvn\u00ed zna\u010dky ST25TV02K s adresou URL apletu mus\u00edte odebrat software NFC Tap, pokud je nainstalov\u00e1n. Kdy\u017e telefon detekuje prvn\u00ed TAB, zobraz\u00ed na dotykov\u00e9 obrazovce kartu apletu a zept\u00e1 se u\u017eivatele, zda chce otev\u0159\u00edt aplet nebo st\u00e1hnout aplikaci z obchodu s aplikacemi. Otev\u0159en\u00edm apletu se zobraz\u00ed o\u0159\u00edznut\u00e1 verze aplikace NFC Tap, kde je \u010c\u00edst NDEF \u0161ed\u00e1 a nedostupn\u00e1, ale \u010c\u00edst zna\u010dku je k dispozici. Vyberte mo\u017enost \u010c\u00edst zna\u010dku a pot\u00e9 naskenujte druhou zna\u010dku ST25TV02K, abyste prok\u00e1zali, \u017ee aplet \u010dte data z na\u0161ich zna\u010dek. P\u0159i rolov\u00e1n\u00ed dol\u016f po obrazovce vid\u00edme, \u017ee magick\u00e9 \u010d\u00edslo je 0xE1, co\u017e dokazuje, \u017ee aplet skenuje \u0161t\u00edtek, kter\u00fd jsme pr\u00e1v\u011b nakonfigurovali.<\/p>\n

V\u00fdvoj na pozad\u00ed nebo aplikac\u00ed a konfigurace webov\u00e9ho serveru
\nPro v\u00fdvoj\u00e1\u0159e, kte\u0159\u00ed se cht\u011bj\u00ed dozv\u011bd\u011bt v\u00edce, je prvn\u00edm krokem sta\u017een\u00ed zdrojov\u00e9ho k\u00f3du na\u0161\u00ed aplikace pro iOS (STSW-ST25IOS001). In\u017een\u00fd\u0159i mohou sta\u017een\u00fd soubor jednodu\u0161e otev\u0159\u00edt ve v\u00fdvojov\u00e9m prost\u0159ed\u00ed Apple IDE a za\u010d\u00edt pracovat na na\u0161em implementa\u010dn\u00edm p\u0159\u00edstupu. Prvn\u00ed v\u011bc, kterou je t\u0159eba poznamenat, je, \u017ee \u010d\u00e1st k\u00f3du, kter\u00e1 funguje jako mal\u00fd program v aplikaci, je specifick\u00fd c\u00edl. Aby spole\u010dnost Apple pomohla v\u00fdvoj\u00e1\u0159\u016fm vyv\u00edjet mal\u00e9 programy, poskytuje vyhrazenou \u0161ablonu App Clip, mal\u00e9 programy lze pou\u017e\u00edvat s Apple Pay a k softwaru se m\u016f\u017eete p\u0159ihl\u00e1sit pomoc\u00ed sv\u00e9ho \u00fa\u010dtu Apple. Nov\u00fd syst\u00e9m tak\u00e9 t\u011b\u017e\u00ed ze speci\u00e1ln\u00edho oznamovac\u00edho a geoloka\u010dn\u00edho syst\u00e9mu. Krom\u011b toho m\u016f\u017ee jeden software pro iOS obsahovat v\u00edce klip\u016f aplikac\u00ed. V Xcode by v\u00fdvoj\u00e1\u0159i m\u011bli v\u011bnovat pozornost z\u00e1lo\u017ece Signing & Capabilities a zapamatovat si n\u00e1zev t\u00fdmu a identifik\u00e1tor bal\u00ed\u010dku.
\nDal\u0161\u00edm krokem je vytvo\u0159en\u00ed apletu App Clip pomoc\u00ed webov\u00e9ho rozhran\u00ed App Store Connect. Zde v\u00fdvoj\u00e1\u0159 nahraje obr\u00e1zek, kter\u00fd se zobraz\u00ed na kart\u011b iOS a l\u00e1k\u00e1 u\u017eivatele ke spu\u0161t\u011bn\u00ed apletu. Klikn\u011bte na Advanced App Clip
\nExperience otev\u0159e novou nab\u00eddku a nastav\u00ed adresu URL tak, aby ukazovala na applet. Krom\u011b toho mohou v\u00fdvoj\u00e1\u0159i po\u017e\u00e1dat opera\u010dn\u00ed syst\u00e9m, aby zkontroloval geolokaci mobiln\u00edho za\u0159\u00edzen\u00ed, a obchodn\u00edci se mohou rozhodnout pou\u017e\u00edt tuto funkci k p\u0159i\u0159azen\u00ed apletu k obchodu nebo konkr\u00e9tn\u00edmu m\u00edstu.
\nStrana serveru
\nKonfigurace webov\u00e9ho serveru je velmi jednoduch\u00e1. V Xcode a App Store Connect v r\u00e1mci definovan\u00e9m v URL, http:\/\/www.myst25.com\/clip, nap\u0159\u00edklad, mus\u00ed m\u00edt index. Soubor HTML a zna\u010dky metadat mus\u00ed obsahovat ID aplikace a ID mal\u00e9ho bal\u00ed\u010dku aplikac\u00ed. Jak je uvedeno n\u00ed\u017ee, t\u011blo souboru m\u016f\u017ee b\u00fdt pr\u00e1zdn\u00e9, p\u0159i\u010dem\u017e nejd\u016fle\u017eit\u011bj\u0161\u00edm m\u00edstem je samotn\u00e1 metazna\u010dka.
\nSoubor s n\u00e1zvem apple-app-site-association je druh\u00fdm d\u016fle\u017eit\u00fdm souborem, kter\u00fd mus\u00ed existovat v ko\u0159enov\u00e9 slo\u017ece webov\u00e9ho serveru, jako je\/www. Soubor obsahuje pouze n\u00e1sleduj\u00edc\u00ed pole:
\n"appclips" : {
\n\u201eapps\u201c: [\u201cTEAM_NAME.BUNDLE_ID (nap\u0159. UL3MK8FNMR.com.st.st25ncf.clip)\u201d],
\n"cesty": ["C\u00cdL (nap\u0159. cesta\/*)"]","protected":false},"excerpt":{"rendered":"

Dnes maj\u00ed firmy nov\u00fd zp\u016fsob interakce se z\u00e1kazn\u00edky \u2013 App Clip a NFC tagy. Tato funkce umo\u017e\u0148uje u\u017eivatel\u016fm spou\u0161t\u011bt mal\u00e9 programy v opera\u010dn\u00edm syst\u00e9mu telefonu, ani\u017e by museli chodit do obchodu s aplikacemi a stahovat a instalovat software. Mal\u00e9 programy jednodu\u0161e zobraz\u00ed informace na obrazovce, co\u017e je funkce, kter\u00e1 [\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\/cs\/wp-json\/wp\/v2\/posts\/2232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nfc-readers.com\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nfc-readers.com\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nfc-readers.com\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nfc-readers.com\/cs\/wp-json\/wp\/v2\/comments?post=2232"}],"version-history":[{"count":1,"href":"https:\/\/nfc-readers.com\/cs\/wp-json\/wp\/v2\/posts\/2232\/revisions"}],"predecessor-version":[{"id":2235,"href":"https:\/\/nfc-readers.com\/cs\/wp-json\/wp\/v2\/posts\/2232\/revisions\/2235"}],"wp:attachment":[{"href":"https:\/\/nfc-readers.com\/cs\/wp-json\/wp\/v2\/media?parent=2232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nfc-readers.com\/cs\/wp-json\/wp\/v2\/categories?post=2232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nfc-readers.com\/cs\/wp-json\/wp\/v2\/tags?post=2232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}