Ora abbiamo testato l'applicazione su un dispositivo reale che è ovviamente molto carino e anche sorprendente vederlo funzionare lì ma per lo
sviluppo, userò effettivamente un simulatore che è un dispositivo
virtuale in esecuzione sulla mia macchina, semplicemente in modo da non farlo devo costantemente testare l'app
sul mio dispositivo reale, mi piace averlo qui, inoltre semplifica la registrazione.
Probabilmente vuoi anche testare l'app su un simulatore ad un certo punto, ad esempio perché probabilmente possiedi solo un
dispositivo Android o iOS e vuoi anche testare e vedere la tua app sull'altra piattaforma o hai entrambi
i dispositivi, tu hai un iPhone, hai un telefono Android ma vuoi anche testare la tua app su un
iPhone più vecchio, su un dispositivo Android più piccolo e con simulatori ed emulatori, puoi avviare diversi tipi di
dispositivi e testare la tua app lì. Per iniziare, vai alla sezione delle guide laggiù e fai clic su
Su e in esecuzione, non importa dove fai clic, alla
fine devi solo accedere ai documenti. expo. io e là
nel flusso di lavoro gestito, puoi fare clic
sul simulatore iOS o sull'emulatore Android Studio e lì, hai imparato come installare Android
Studio e quindi avviare un dispositivo virtuale o installare Xcode che è l'ambiente di sviluppo
di Apple e avviare un simulatore iOS. Importante, un simulatore iOS può essere avviato solo su dispositivi
MacOS perché Xcode, uno strumento di cui hai assolutamente bisogno, non è disponibile su Windows o Linux, quindi non
puoi eseguire un simulatore iOS su Windows o Linux, puoi eseguire un Android Emulatore di Studio lì, però, su MacOS è
possibile eseguire entrambi.
Quindi ora installiamo queste cose e iniziamo con l'emulatore Android Studio,
per questo, prima di tutto devi installare Android Studio. Per questo, puoi ovviamente semplicemente google per Android Studio
e dovresti trovare lo sviluppatore. Android. com / studio,
fai semplicemente clic su lì e poi lì, scegli scarica Android Studio e accetta questi termini qui.
Ora questo aprirà quella finestra di download e ora scaricherà Android Studio che è abbastanza grande e
quindi questo download può richiedere del tempo.
Ora tornerò al termine
di questo download per continuare con l'installazione. Quindi il download è finito per me e con quello,
lo sto aprendo, ora sono su Mac qui ma anche su Windows, fai semplicemente doppio clic sul file scaricato per avviare il
programma di installazione e il programma di installazione si aprirà e ti guiderà attraverso un paio di passaggi.
Ora in quel programma di installazione, puoi semplicemente lasciare tutte le impostazioni predefinite. Ora con Android Studio installato e l'installazione
terminata, lanceremo tra un secondo.
Ora prima di lanciarmi insieme a te e seguiamo questo primo passo, assicurati di avere
queste impostazioni laggiù su MacOS e Linux configurate correttamente.
Quindi su Windows, dovresti
farlo, ma su MacOS e Linux, assicurati di seguire questi due passaggi che
troverai nei documenti ufficiali in modo che tutto funzioni correttamente. Ora, con quello, lanciamo Android Studio, una volta avviato, dovresti
vedere una schermata simile a questa.
Qui puoi fare clic su Configura e quindi scegliere il gestore SDK.
Ora qui nel gestore SDK, assicurati di avere installato uno degli SDK più recenti.
Ora in genere hai l'SDK più in alto che è ancora in beta, quindi
nel mio caso è l'API Android livello 29q che non ha ancora un nome ufficiale e l'ultima
versione stabile, nel mio caso pi, è quella che dovresti installare,
in genere il secondo elemento qui in quell'elenco.
Quindi la prima versione che ha un vero nome per così
dire, in questo caso pi, assicurati che sia installata semplicemente
controllandola qui e una volta che hai controllato, puoi fare clic su applica lì
e questo verrà scaricato e installato automaticamente esso. Oltre ad avere un SDK installato, assicurati che negli strumenti
SDK sia
installato l'emulatore Android qui, quindi fai semplicemente clic qui, aggiungi un segno di spunta qui e gli strumenti
della piattaforma SDK e gli strumenti SDK, che tutti e tre sono selezionati qui . Controlla anche l'acceleratore dell'emulatore Intl 86 qui e i Google Play Services.
Con tutti i segni selezionati, fai clic su Applica
e ora di nuovo questo ti chiederà e quindi avvierà i download di tutti questi elementi
e li installerà nella tua configurazione Android qui e avrai bisogno di tutte queste cose installate per sviluppare applicazioni Android.
Quindi aspettiamo che questo download e l'installazione finiscano qui e, dopo aver terminato, il gioco è fatto qui, puoi
chiuderlo e il passaggio successivo, sempre nella finestra di Android Studio qui, è che fai clic
su Configura AVD Manager.
Questo è il gestore che ti consente di creare e avviare dispositivi virtuali.
Vedi che ho già un paio di dispositivi,
potresti non averne nessuno, puoi sempre crearne uno nuovo nell'angolo in basso a sinistra facendo clic
su crea dispositivo virtuale e quindi scegli un telefono qui e puoi scegliere qualsiasi immagine che vuoi qui per creare diversi
dispositivi di diverse dimensioni.
Consiglierei di andare con uno su cui è installato il Play Store, che può aiutare a testare alcune
funzionalità di cui potremmo avere bisogno in
seguito, ma in generale, puoi scegliere qui qualsiasi immagine che desideri, andrò
con il pixel 2 qui. Fai clic su Avanti, quindi
scegli una versione
Android che desideri utilizzare su quel dispositivo e
lì, userò l'ultima versione stabile, quindi
non quella beta, non la Q nel mio caso ma l'ultima stabile, potrebbe essere necessario
scaricarlo in primo luogo, questa immagine è indipendente dagli SDK installati
un secondo fa, si tratta di immagini del dispositivo. Quindi assicurati di scaricare l'ultimo stabile e selezionarlo in seguito,
fai clic su Avanti.
Puoi lasciare qui le impostazioni
predefinite, puoi tuffarti in impostazioni avanzate se sai davvero cosa stai facendo,
ma altrimenti, puoi lasciare le impostazioni predefinite e fare clic su Fine e questo
ora creerà un nuovo emulatore, nel mio caso questo qui e puoi avviare l'emulatore facendo clic
sul pulsante di riproduzione verde qui e questo avvierà qui l'emulatore che ora si avvia qui e una volta avviato,
puoi eseguire la tua app expo, la tua app React Native, su questo emulatore.
Quindi aspettiamo che finisca
e lascia che ti mostri come lanciare la tua app expo su quell'emulatore. Quindi l'emulatore ha terminato l'avvio e ora puoi avviare
la tua app su questo emulatore semplicemente andando al tuo progetto dove potresti avere il processo ancora
in esecuzione, se lo esci,
puoi semplicemente riavviare npm start nel tuo progetto expo di React Native.
Quindi è quello che sto facendo qui e sta di nuovo avviando gli strumenti di sviluppo expo nel browser qui e ora
qui dove abbiamo precedentemente scansionato questo codice QR, puoi premere run su dispositivo Android o emulatore e se hai un emulatore
attivo e funzionante, eseguirà automaticamente la tua app lì o nel tuo terminale qui dove hai questo
processo di avvio di npm in
esecuzione, puoi premere a per avviare anche la tua app sull'emulatore.
Questo è quello
che ho appena fatto, questo ora installerà automaticamente il client expo
sull'emulatore, quindi non è necessario installare o installare manualmente il client expo lì, è fatto
per te e una volta fatto, crea l'app e lo esegue su quel dispositivo Android.
Quindi aspettiamo che finisca, eccolo,
qui si sta avviando e sì, fai clic su OK qui, ti viene richiesto se
vuoi consentire la visualizzazione di questa app al primo avvio. Attivalo qui, quindi torna indietro, vai al cassetto delle app qui o
al task manager e torna alla tua app qui e ora ecco il lancio dell'app expo, sta di nuovo costruendo quel
bundle Javascript in fondo e una volta fatto, avvierà qui la tua app expo e solo che la prima
build richiede abbastanza tempo, le ricostruzioni successive e le ricariche calde come hai visto sono piuttosto veloci.
Quindi aspettiamo che questa build finisca e ora sta finendo qui e qui, vediamo la nostra app. A proposito, è bello, l'abbiamo visto
su
iPhone prima, almeno qui nei video.
Ora qui funziona su Android e il pulsante è uno dei pochissimi componenti offerti da
React Native che adegua automaticamente il suo aspetto alla
piattaforma, quindi è piuttosto
dolce e abbiamo le stesse funzionalità di prima e questo ci consente di testare questo, non solo sul
dispositivo reale ma anche in
un simulatore e lì puoi simulare qualsiasi dispositivo Android che desideri, il che è ovviamente abbastanza utile.
Quindi questa è l'app in esecuzione
su un simulatore Android e durante questo corso, mostrerò sempre come funziona e funziona su un emulatore Android.
Ora passiamo ora a lanciarlo su iOS.