Appklip giver en hurtig måde at få adgang til specifikke funktioner i en iOS-app uden at downloade det hele. De giver brugerne mulighed for nemt at opleve og drage fordel af en app, som kan tilskynde dem til at downloade den fulde app.
Hvordan appklip adskiller sig fra traditionelle apps
Den største forskel mellem et App Clip og en traditionel app ligger i deres funktionalitet og funktioner. App-klip giver hurtig adgang til en bestemt funktion i en app. Designet til nemt at blive opdaget og lanceret, giver App Clips brugerne den nødvendige funktionalitet til at udføre en opgave.
Når opgaven er fuldført, afinstalleres klippet automatisk efter en periode med inaktivitet.
Appklip lanceres almindeligvis fra websteder, NFC-tags, scanning af QR-koder og mere.
På den anden side skal traditionelle apps downloades fuldt ud og installeres på en brugers enhed før brug. De er typisk mere omfattende og giver det fulde udvalg af funktioner og brugeroplevelse. Traditionelle apps håndterer hyppigere brugssager, som deres udvikling bør tage hensyn til.
Design af et effektivt app-klip med React Native
Da App Clips er en iOS-platformsfunktion, skal du arbejde med iOS-projektet i en React Native-app.
Der er ingen etableret måde at bygge et iOS-appklip ved hjælp af React Native. Der er dog nogle faktorer at overveje i ligningen, som vil hjælpe dig med at opbygge et effektivt og funktionelt app-klip.
Størrelse på app-klip
En stor anstødssten, du vil møde, er at holde din app-klipstørrelse under det krævede benchmark på 10 megabyte.
Et app-klip og dets tilsvarende fulde app vil dele visse kernefunktioner. For eksempel kan begge apps være i stand til at sende notifikationer og foretage API-kald. Du bør dog udelade alle unødvendige funktioner, afhængigt af appklippets mål.
Denne begrænsede funktionalitet betyder, at App Clip vil have et mindre sæt native afhængigheder, der kræves for at fungere.
Da App Clips giver en fokuseret, let oplevelse, bør du være eksplicit om de indbyggede afhængigheder, der er defineret for App Clip. Du vil definere disse afhængigheder inde i iOS Podfilen, før du installerer Pods manuelt.
Funktionelt UI-design til app-klip
App-klip er typisk bygget identisk med den fulde app-oplevelse. At beslutte, hvordan dit App Clip bedst kan spejle hele appen, mens du forbliver fokuseret på dens opgave og er let, er noget at overveje. Tag Shazams appklip og den fulde app:
Deres designarkitektur er stort set den samme, ligesom nogle grundlæggende funktioner er. Dit App Clips design skal fokusere på funktionalitet og praktisk. Byg den til at fungere problemfrit og kun vise information til brugeren, når det er absolut nødvendigt.
Kodeksens opbygning
Du kan drage fordel af de delte ligheder mellem et App Clip og den fulde app, når du planlægger strukturen af din kode.
Deling af kode mellem de to målapps ville være ideel til vedligeholdelse. Ved at dele en fælles kodebase kan du også reducere antallet af eksterne biblioteker og afhængigheder tilføjet til projektet.
Den delte kodebase kan være et sæt JavaScript-filer, der indeholder appens forretningslogik. Du kan derefter konfigurere dit Xcode-projekt til at bruge denne kodebase ved at tilføje den delte kodebase som en afhængighed.
Du bør sikre dig, at begge versioner af din app indeholder en delt kode. Brug et værktøj som Metro Bundler til React Native-appen og Xcodes byggefasesystem til App Clip.
Kom godt i gang med at oprette appklippet
For at bygge dit første React Native-drevne appklip skal du åbne React Native iOS-projektet inde i Xcode efter at have oprettet et simpelt React Native-projekt ved hjælp af npx react-native init.
Apple lancerede App Clips med sin iOS 14-softwareopdatering, så du skal bruge din simulator, der kører iOS 14, for at et App Clip kan køre.
Sådan opretter du et nyt App Clip-mål inde i Xcode:
- Vælg Fil > Ny > Mål > Appklip (søg efter "App-klip" i søgefeltet for at tilføje app-klip-målet til dit projekt):
- Fortsæt derefter med at udfylde mulighederne for App Clip:
For at inkorporere en App Clip-oplevelse i det eksisterende Xcode-projekt vil Xcode tilføje en ny byggefase til appmålet. Du kan køre App Clip i Xcode på dette indledende stadium, men det vil se tomt ud, da der endnu ikke er nogen UI-komponenter til stede.
For at konstruere brugeroplevelsen for App Clip, vil du integrere React Native-kode for at definere alle de nødvendige UI-elementer. Ved at udnytte React Native kan du skabe en intuitiv og responsiv grænseflade til dit App Clip, der fungerer effektivt på tværs af iOS-enheder.
Efter at have integreret React Native-koden i Xcode-projektet, kan du forhåndsvise App Clip-brugergrænsefladen og foretage eventuelle nødvendige tweaks.
Som tidligere nævnt er det ikke anderledes at bygge et appklip med React Native fra at bygge en almindelig iOS-applikation med React Native. Bare sørg for konstant at holde styr på appklippets størrelse, mens du bygger og tilføjer nye afhængigheder til appen.
Fremtidige muligheder for app-klip
App-klip kan potentielt revolutionere, hvordan vi interagerer med mobilapps og den fysiske verden. Du kan bruge dem til kontaktløse betalinger, wayfinding, augmented reality, Internet of Things (IoT), on-demand-tjenester, begivenhedsbilletter og adgangskontrol. Forvent, at nye og kreative use cases for App Clips dukker op, efterhånden som teknologien udvikler sig.
Kort sagt giver App Clips hurtig og nem adgang til app-funktioner, hvilket gør dem til en effektiv og bekvem løsning for brugere på farten.
