Isječci aplikacije pružaju brz način pristupa određenim značajkama iOS aplikacije bez preuzimanja cijele stvari. Korisnicima omogućuju jednostavno iskustvo i iskorištavanje prednosti aplikacije, što ih može potaknuti na preuzimanje cijele aplikacije.
Kako se isječci aplikacije razlikuju od tradicionalnih aplikacija
Glavna razlika između App Clip-a i tradicionalne aplikacije leži u njihovoj razini funkcionalnosti i značajki. Isječci aplikacije omogućuju brzi pristup određenim značajkama aplikacije. Dizajniran da se lako otkrije i pokrene, App Clips korisnicima daje potrebnu funkcionalnost za dovršenje zadatka.
Nakon što je zadatak dovršen, isječak se automatski deinstalira nakon razdoblja neaktivnosti.
Isječci aplikacija obično se pokreću s web stranica, NFC oznaka, skeniranjem QR kodova i više.
S druge strane, tradicionalne aplikacije moraju se u potpunosti preuzeti i instalirati na korisnikov uređaj prije upotrebe. Obično su sveobuhvatniji, pružaju cijeli niz značajki i korisničkog iskustva. Tradicionalne aplikacije obrađuju češće slučajeve upotrebe, što bi njihov razvoj trebao uzeti u obzir.
Dizajniranje učinkovitog isječka aplikacije s React Native
Budući da su App Clips značajka iOS platforme, morat ćete raditi s iOS projektom unutar React Native aplikacije.
Ne postoji utvrđeni način za izradu isječka iOS aplikacije pomoću React Native. Međutim, postoje neki čimbenici koje treba uzeti u obzir u jednadžbi koji će vam pomoći da izgradite učinkovit i funkcionalan App Clip.
Veličina isječka aplikacije
Glavni kamen spoticanja s kojim ćete se suočiti je zadržavanje veličine isječka aplikacije ispod potrebne referentne vrijednosti od 10 megabajta.
Isječak aplikacije i odgovarajuća puna aplikacija dijelit će određene osnovne funkcije. Na primjer, obje aplikacije mogu slati obavijesti i napraviti API pozive. Međutim, trebali biste izostaviti sve nepotrebne značajke, ovisno o cilju App Clip-a.
Ova ograničena funkcionalnost znači da će App Clip imati manji skup izvornih ovisnosti potrebnih za funkcioniranje.
Budući da isječci aplikacije pružaju fokusirano, lagano iskustvo, trebali biste biti jasni o nativnim ovisnostima definiranim za isječak aplikacije. Ove ćete ovisnosti definirati unutar iOS Podfilea prije ručne instalacije Podova.
Funkcionalni dizajn korisničkog sučelja za App Clip
Isječci aplikacije obično su izrađeni identično kao i potpuno iskustvo aplikacije. Odluka o tome kako vaš App Clip može najbolje odražavati cijelu aplikaciju, a da pritom ostane usredotočen na svoj zadatak i bude lagan nešto je o čemu treba razmisliti. Uzmite Shazamov App Clip i cijelu aplikaciju:
Njihova arhitektura dizajna je u biti ista, kao i neke osnovne funkcionalnosti. Dizajn vašeg App Clip-a trebao bi biti usmjeren na funkcionalnost i praktičnost. Izgradite ga da radi glatko i prikazuje informacije korisniku samo kada je to apsolutno neophodno.
Struktura Kodeksa
Možete iskoristiti zajedničke sličnosti između isječka aplikacije i cijele aplikacije kada planirate strukturu svog koda.
Dijeljenje koda između dviju ciljnih aplikacija bilo bi idealno za održavanje. Dijeljenjem zajedničke baze koda također možete smanjiti broj vanjskih biblioteka i ovisnosti dodanih projektu.
Zajednička baza koda može biti skup JavaScript datoteka koje sadrže poslovnu logiku aplikacije. Zatim možete konfigurirati svoj Xcode projekt da koristi ovu bazu koda dodavanjem zajedničke baze koda kao ovisnosti.
Trebali biste osigurati da obje verzije vaše aplikacije uključuju zajednički kôd. Upotrijebite alat kao što je Metro Bundler za aplikaciju React Native i Xcodeov fazni sustav izgradnje za App Clip.
Započnite s izradom isječka aplikacije
Da biste izradili svoj prvi isječak aplikacije koji pokreće React Native, otvorite React Native iOS projekt unutar Xcode-a nakon što izradite jednostavan React Native projekt koristeći npx react-native init.
Apple je lansirao App Clips sa svojim ažuriranjem softvera za iOS 14, tako da će vam trebati vaš simulator koji pokreće iOS 14 za pokretanje App Clip-a.
Za izradu novog cilja App Clip unutar Xcode-a:
- Izaberi Datoteka > Novo > Cilj > Isječak aplikacije (potražite "App Clip" u traci za pretraživanje da dodate cilj App Clip u svoj projekt):
- Zatim nastavite s ispunjavanjem opcija za App Clip:
Kako bi uključio App Clip iskustvo u postojeći Xcode projekt, Xcode će dodati novu fazu izgradnje ciljnoj aplikaciji. Možete pokrenuti App Clip unutar Xcode-a u ovoj početnoj fazi, ali će izgledati prazno jer još nema komponenti korisničkog sučelja.
Za konstruiranje korisničkog iskustva za App Clip, integrirat ćete React Native kod za definiranje svih potrebnih elemenata korisničkog sučelja. Koristeći React Native, možete stvoriti intuitivno i responzivno sučelje za svoj App Clip koje će učinkovito funkcionirati na svim iOS uređajima.
Nakon integriranja React Native koda u Xcode projekt, možete pregledati korisničko sučelje App Clip-a i izvršiti sva potrebna podešavanja.
Kao što je ranije spomenuto, izrada App Clip-a s React Native-om ne razlikuje se od izrade bilo koje obične iOS aplikacije s React Native-om. Samo budite sigurni da stalno pratite veličinu App Clip-a dok gradite i dodajete nove ovisnosti za aplikaciju.
Buduće mogućnosti za App Clips
App Clips potencijalno mogu promijeniti način na koji komuniciramo s mobilnim aplikacijama i fizičkim svijetom. Možete ih koristiti za beskontaktna plaćanja, pronalaženje puta, proširenu stvarnost, Internet stvari (IoT), usluge na zahtjev, ulaznice za događaje i kontrolu pristupa. Očekujte nove i kreativne slučajeve upotrebe za App Clips kako se tehnologija razvija.
Ukratko, App Clips pružaju brz i jednostavan pristup značajkama aplikacije, što ih čini učinkovitim i praktičnim rješenjem za korisnike u pokretu.