App Clips gir en rask måte å få tilgang til spesifikke funksjoner i en iOS-app uten å laste ned hele greia. De lar brukere enkelt oppleve og dra nytte av en app, som kan oppmuntre dem til å laste ned hele appen.
Hvordan appklipp skiller seg fra tradisjonelle apper
Hovedforskjellen mellom en App Clip og en tradisjonell app ligger i deres funksjonalitet og funksjoner. App Clips gir rask tilgang til en bestemt funksjon i en app. Designet for å være enkelt å oppdage og lansere, gir App Clips brukere den nødvendige funksjonaliteten for å fullføre en oppgave.
Når oppgaven er fullført, avinstalleres klippet automatisk etter en periode med inaktivitet.
Appklipp lanseres vanligvis fra nettsteder, NFC-tagger, skanning av QR-koder og mer.
På den annen side må tradisjonelle apper lastes ned fullstendig og installeres på en brukers enhet før bruk. De er vanligvis mer omfattende, og gir hele spekteret av funksjoner og brukeropplevelse. Tradisjonelle apper håndterer hyppigere brukstilfeller, som utviklingen deres bør ta i betraktning.
Designe et effektivt appklipp med React Native
Siden App Clips er en iOS-plattformfunksjon, må du jobbe med iOS-prosjektet i en React Native-app.
Det er ingen etablert måte å bygge et iOS-appklipp ved å bruke React Native. Det er imidlertid noen faktorer å vurdere i ligningen som vil hjelpe deg å bygge et effektivt og funksjonelt appklipp.
Størrelsen på appklippet
En stor snublestein du vil møte, er å holde størrelsen på appklippet under 10-megabyte-standarden som kreves.
Et appklipp og dens tilhørende fulle app vil dele en viss kjernefunksjonalitet. For eksempel kan begge appene være i stand til å sende varsler og foreta API-anrop. Du bør imidlertid utelate alle unødvendige funksjoner, avhengig av appklippets mål.
Denne begrensede funksjonaliteten betyr at App Clip vil ha et mindre sett med native avhengigheter som kreves for å fungere.
Siden App Clips gir en fokusert, lett opplevelse, bør du være eksplisitt om de opprinnelige avhengighetene som er definert for App Clip. Du vil definere disse avhengighetene i iOS Podfile før du installerer Pods manuelt.
Funksjonell UI-design for appklippet
App Clips bygges vanligvis identisk med hele appopplevelsen. Å bestemme hvordan appklippet ditt best kan speile hele appen mens du forblir fokusert på oppgaven og er lett, er noe å vurdere. Ta Shazams appklipp og full app:
Designarkitekturen deres er i hovedsak den samme, og det samme er noen grunnleggende funksjoner. App Clips design bør fokusere på funksjonalitet og praktisk. Bygg den for å fungere jevnt og kun vise informasjon til brukeren når det er absolutt nødvendig.
Strukturen til koden
Du kan dra nytte av de delte likhetene mellom et appklipp og hele appen når du planlegger strukturen til koden din.
Deling av kode mellom de to målappene ville være ideell for vedlikehold. Ved å dele en felles kodebase kan du også redusere antall eksterne biblioteker og avhengigheter som legges til prosjektet.
Den delte kodebasen kan være et sett med JavaScript-filer som inneholder appens forretningslogikk. Du kan deretter konfigurere Xcode-prosjektet til å bruke denne kodebasen ved å legge til den delte kodebasen som en avhengighet.
Du bør sørge for at begge versjonene av appen din inkluderer delt kode. Bruk et verktøy som Metro Bundler for React Native-appen og Xcodes byggefasesystem for App Clip.
Kom i gang med å lage appklippet
For å bygge ditt første React Native-drevne appklipp, åpne React Native iOS-prosjektet inne i Xcode etter å ha opprettet et enkelt React Native-prosjekt med npx react-native init.
Apple lanserte App Clips med sin iOS 14-programvareoppdatering, så du trenger simulatoren som kjører iOS 14 for at en App Clip skal kjøre.
Slik oppretter du et nytt App Clip-mål inne i Xcode:
- Plukke ut Fil > Ny > Mål > Appklipp (søk etter "App Clip" i søkefeltet for å legge til App Clip-målet til prosjektet ditt):
- Fortsett deretter med å fylle ut alternativene for App Clip:
For å inkludere en App Clip-opplevelse i det eksisterende Xcode-prosjektet, vil Xcode legge til en ny byggefase til appmålet. Du kan kjøre App Clip i Xcode på dette første stadiet, men det vil virke tomt siden ingen UI-komponenter er til stede ennå.
For å konstruere brukeropplevelsen for App Clip, vil du integrere React Native-kode for å definere alle nødvendige UI-elementer. Ved å utnytte React Native kan du lage et intuitivt og responsivt grensesnitt for appklippet ditt som vil fungere effektivt på tvers av iOS-enheter.
Etter å ha integrert React Native-koden i Xcode-prosjektet, kan du forhåndsvise App Clip-grensesnittet og gjøre nødvendige justeringer.
Som tidligere nevnt, er det å bygge et appklipp med React Native ikke annerledes enn å bygge en vanlig iOS-applikasjon med React Native. Bare sørg for å holde konstant oversikt over appklippets størrelse mens du bygger og legger til nye avhengigheter for appen.
Fremtidige muligheter for appklipp
App Clips kan potensielt revolusjonere hvordan vi samhandler med mobilapper og den fysiske verden. Du kan bruke dem til kontaktløse betalinger, veisøking, utvidet virkelighet, tingenes internett (IoT), on-demand-tjenester, arrangementsbilletter og tilgangskontroll. Forvent at nye og kreative brukstilfeller for App Clips dukker opp etter hvert som teknologien utvikler seg.
Kort sagt, App Clips gir rask og enkel tilgang til appfunksjoner, noe som gjør dem til en effektiv og praktisk løsning for brukere på farten.
