App Clips fornisce un modo rapido per accedere a funzionalità specifiche di un'app iOS senza scaricare l'intera cosa. Consentono agli utenti di sperimentare e beneficiare facilmente di un'app, che può incoraggiarli a scaricare l'app completa.
In che modo le clip delle app differiscono dalle app tradizionali
La principale differenza tra un'App Clip e un'app tradizionale risiede nel loro livello di funzionalità e caratteristiche. Le clip delle app forniscono un accesso rapido a una funzione specifica di un'app. Progettate per essere facilmente individuate e avviate, App Clips offre agli utenti le funzionalità necessarie per completare un'attività.
Una volta completata l'attività, la clip si disinstalla automaticamente dopo un periodo di inattività.
Le clip delle app vengono comunemente lanciate da siti Web, tag NFC, scansione di codici QR e altro ancora.
D'altra parte, le app tradizionali devono essere completamente scaricate e installate sul dispositivo di un utente prima dell'uso. In genere sono più completi e forniscono l'intera gamma di funzionalità ed esperienza utente. Le app tradizionali gestiscono casi d'uso più frequenti, che il loro sviluppo dovrebbe tenere in considerazione.
Progettare un'app clip efficace con React Native
Poiché App Clips è una funzionalità della piattaforma iOS, dovrai lavorare con il progetto iOS all'interno di un'app React Native.
Non esiste un modo stabilito per creare una clip per app iOS utilizzando React Native. Tuttavia, ci sono alcuni fattori da considerare nell'equazione che ti aiuteranno a costruire un App Clip efficace e funzionale.
Dimensione della clip dell'app
Un grosso ostacolo che dovrai affrontare è mantenere le dimensioni della clip dell'app al di sotto del benchmark di 10 megabyte richiesto.
Una clip dell'app e la sua app completa corrispondente condivideranno alcune funzionalità di base. Ad esempio, entrambe le app potrebbero essere in grado di inviare notifiche e effettuare chiamate API. Tuttavia, dovresti tralasciare tutte le funzionalità non necessarie, a seconda dell'obiettivo dell'App Clip.
Questa funzionalità limitata significa che l'App Clip avrà un set più piccolo di dipendenze native necessarie per funzionare.
Poiché App Clips fornisce un'esperienza mirata e leggera, dovresti essere esplicito sulle dipendenze native definite per App Clip. Definirai queste dipendenze all'interno del file pod iOS prima di installare manualmente i pod.
Design dell'interfaccia utente funzionale per la clip dell'app
Le clip delle app sono in genere costruite in modo identico all'esperienza completa dell'app. Decidere come la tua App Clip può rispecchiare al meglio l'intera app rimanendo concentrata sul suo compito ed essendo leggera è qualcosa da considerare. Prendi la clip dell'app di Shazam e l'app completa:
La loro architettura di progettazione è essenzialmente la stessa, così come alcune funzionalità di base. Il design della tua App Clip dovrebbe concentrarsi sulla funzionalità e praticità. Crealo in modo che funzioni senza problemi e mostri le informazioni all'utente solo quando è assolutamente necessario.
Struttura del Codice
Puoi sfruttare le somiglianze condivise tra un App Clip e l'app completa quando pianifichi la struttura del tuo codice.
La condivisione del codice tra le due app di destinazione sarebbe l'ideale per la manutenzione. Condividendo una base di codice comune, puoi anche ridurre il numero di librerie esterne e dipendenze aggiunte al progetto.
La base di codice condivisa può essere un set di file JavaScript contenente la logica aziendale dell'app. Puoi quindi configurare il tuo progetto Xcode per utilizzare questa base di codice aggiungendo la base di codice condivisa come dipendenza.
Dovresti assicurarti che entrambe le versioni della tua app includano qualsiasi codice condiviso. Utilizza uno strumento come Metro Bundler per l'app React Native e il sistema di fase di compilazione di Xcode per l'App Clip.
Inizia a creare la clip dell'app
Per creare la tua prima app clip basata su React Native, apri il progetto React Native iOS all'interno di Xcode dopo aver creato un semplice progetto React Native utilizzando npx react-native init.
Apple ha lanciato App Clips con il suo aggiornamento software iOS 14, quindi avrai bisogno del tuo simulatore con iOS 14 per eseguire un'App Clip.
Per creare un nuovo target App Clip all'interno di Xcode:
- Selezionare File > Nuovo > Destinazione > App Clip (cerca "App Clip" nella barra di ricerca per aggiungere il target App Clip al tuo progetto):
- Quindi procedi a compilare le opzioni per l'App Clip:
Per incorporare un'esperienza App Clip nel progetto Xcode esistente, Xcode aggiungerà una nuova fase di compilazione alla destinazione dell'app. Puoi eseguire l'app clip all'interno di Xcode in questa fase iniziale, ma apparirà vuota poiché non sono ancora presenti componenti dell'interfaccia utente.
Per costruire l'esperienza utente per l'App Clip, integrerai il codice React Native per definire tutti gli elementi dell'interfaccia utente necessari. Sfruttando React Native, puoi creare un'interfaccia intuitiva e reattiva per la tua App Clip che funzionerà efficacemente su tutti i dispositivi iOS.
Dopo aver integrato il codice React Native nel progetto Xcode, puoi visualizzare in anteprima l'interfaccia utente di App Clip e apportare le modifiche necessarie.
Come accennato in precedenza, la creazione di un'app clip con React Native non è diversa dalla creazione di qualsiasi normale applicazione iOS con React Native. Assicurati solo di tenere traccia costante delle dimensioni dell'App Clip durante la creazione e l'aggiunta di nuove dipendenze per l'app.
Possibilità future per le clip delle app
App Clips può potenzialmente rivoluzionare il modo in cui interagiamo con le app mobili e il mondo fisico. Puoi utilizzarli per pagamenti contactless, orientamento, realtà aumentata, Internet of Things (IoT), servizi on-demand, biglietti per eventi e controllo degli accessi. Aspettatevi casi d'uso nuovi e creativi per App Clips che emergono man mano che la tecnologia si sviluppa.
In breve, App Clips fornisce un accesso rapido e semplice alle funzionalità dell'app, rendendole una soluzione efficiente e conveniente per gli utenti in movimento.
