1
00:00:02,530 --> 00:00:07,990
Ora abbiamo testato l'applicazione su un dispositivo reale che è ovviamente molto carino e anche sorprendente vederlo funzionare lì ma per lo

2
00:00:07,990 --> 00:00:10,520
sviluppo, userò effettivamente un simulatore che è un dispositivo

3
00:00:16,270 --> 00:00:20,310
virtuale in esecuzione sulla mia macchina, semplicemente in modo da non farlo devo costantemente testare l'app

4
00:00:20,460 --> 00:00:23,660
sul mio dispositivo reale, mi piace averlo qui, inoltre semplifica la registrazione.

5
00:00:23,680 --> 00:00:29,680
Probabilmente vuoi anche testare l'app su un simulatore ad un certo punto, ad esempio perché probabilmente possiedi solo un

6
00:00:29,680 --> 00:00:35,530
dispositivo Android o iOS e vuoi anche testare e vedere la tua app sull'altra piattaforma o hai entrambi

7
00:00:35,530 --> 00:00:41,410
i dispositivi, tu hai un iPhone, hai un telefono Android ma vuoi anche testare la tua app su un

8
00:00:41,410 --> 00:00:47,530
iPhone più vecchio, su un dispositivo Android più piccolo e con simulatori ed emulatori, puoi avviare diversi tipi di

9
00:00:47,680 --> 00:00:52,860
dispositivi e testare la tua app lì. Per iniziare, vai alla sezione delle guide laggiù e fai clic su

10
00:00:52,870 --> 00:00:55,030
Su e in esecuzione, non importa dove fai clic, alla

11
00:00:55,030 --> 00:00:59,710
fine devi solo accedere ai documenti. expo. io e là

12
00:00:59,740 --> 00:01:03,460
nel flusso di lavoro gestito, puoi fare clic

13
00:01:03,520 --> 00:01:09,910
sul simulatore iOS o sull'emulatore Android Studio e lì, hai imparato come installare Android

14
00:01:10,000 --> 00:01:16,690
Studio e quindi avviare un dispositivo virtuale o installare Xcode che è l'ambiente di sviluppo

15
00:01:16,900 --> 00:01:23,620
di Apple e avviare un simulatore iOS. Importante, un simulatore iOS può essere avviato solo su dispositivi

16
00:01:23,710 --> 00:01:30,020
MacOS perché Xcode, uno strumento di cui hai assolutamente bisogno, non è disponibile su Windows o Linux, quindi non

17
00:01:30,040 --> 00:01:37,180
puoi eseguire un simulatore iOS su Windows o Linux, puoi eseguire un Android Emulatore di Studio lì, però, su MacOS è

18
00:01:37,180 --> 00:01:38,510
possibile eseguire entrambi.

19
00:01:38,530 --> 00:01:41,710
Quindi ora installiamo queste cose e iniziamo con l'emulatore Android Studio,

20
00:01:41,770 --> 00:01:47,650
per questo, prima di tutto devi installare Android Studio. Per questo, puoi ovviamente semplicemente google per Android Studio

21
00:01:47,650 --> 00:01:53,080
e dovresti trovare lo sviluppatore. Android. com / studio,

22
00:01:53,080 --> 00:02:00,550
fai semplicemente clic su lì e poi lì, scegli scarica Android Studio e accetta questi termini qui.

23
00:02:00,550 --> 00:02:05,090
Ora questo aprirà quella finestra di download e ora scaricherà Android Studio che è abbastanza grande e

24
00:02:05,090 --> 00:02:07,280
quindi questo download può richiedere del tempo.

25
00:02:07,360 --> 00:02:09,810
Ora tornerò al termine

26
00:02:09,920 --> 00:02:16,250
di questo download per continuare con l'installazione. Quindi il download è finito per me e con quello,

27
00:02:16,280 --> 00:02:22,490
lo sto aprendo, ora sono su Mac qui ma anche su Windows, fai semplicemente doppio clic sul file scaricato per avviare il

28
00:02:22,490 --> 00:02:27,750
programma di installazione e il programma di installazione si aprirà e ti guiderà attraverso un paio di passaggi.

29
00:02:27,810 --> 00:02:33,590
Ora in quel programma di installazione, puoi semplicemente lasciare tutte le impostazioni predefinite. Ora con Android Studio installato e l'installazione

30
00:02:33,590 --> 00:02:36,080
terminata, lanceremo tra un secondo.

31
00:02:36,080 --> 00:02:41,960
Ora prima di lanciarmi insieme a te e seguiamo questo primo passo, assicurati di avere

32
00:02:41,960 --> 00:02:45,860
queste impostazioni laggiù su MacOS e Linux configurate correttamente.

33
00:02:46,010 --> 00:02:47,780
Quindi su Windows, dovresti

34
00:02:47,840 --> 00:02:52,580
farlo, ma su MacOS e Linux, assicurati di seguire questi due passaggi che

35
00:02:52,640 --> 00:03:00,170
troverai nei documenti ufficiali in modo che tutto funzioni correttamente. Ora, con quello, lanciamo Android Studio, una volta avviato, dovresti

36
00:03:00,170 --> 00:03:02,640
vedere una schermata simile a questa.

37
00:03:02,750 --> 00:03:07,580
Qui puoi fare clic su Configura e quindi scegliere il gestore SDK.

38
00:03:07,610 --> 00:03:15,310
Ora qui nel gestore SDK, assicurati di avere installato uno degli SDK più recenti.

39
00:03:15,350 --> 00:03:20,180
Ora in genere hai l'SDK più in alto che è ancora in beta, quindi

40
00:03:20,480 --> 00:03:26,150
nel mio caso è l'API Android livello 29q che non ha ancora un nome ufficiale e l'ultima

41
00:03:26,390 --> 00:03:30,050
versione stabile, nel mio caso pi, è quella che dovresti installare,

42
00:03:30,050 --> 00:03:33,170
in genere il secondo elemento qui in quell'elenco.

43
00:03:33,170 --> 00:03:37,190
Quindi la prima versione che ha un vero nome per così

44
00:03:37,190 --> 00:03:40,920
dire, in questo caso pi, assicurati che sia installata semplicemente

45
00:03:41,000 --> 00:03:46,460
controllandola qui e una volta che hai controllato, puoi fare clic su applica lì

46
00:03:46,460 --> 00:03:53,830
e questo verrà scaricato e installato automaticamente esso. Oltre ad avere un SDK installato, assicurati che negli strumenti

47
00:03:53,830 --> 00:03:54,640
SDK sia

48
00:03:54,640 --> 00:04:01,120
installato l'emulatore Android qui, quindi fai semplicemente clic qui, aggiungi un segno di spunta qui e gli strumenti

49
00:04:01,120 --> 00:04:11,890
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.

50
00:04:13,110 --> 00:04:16,100
Con tutti i segni selezionati, fai clic su Applica

51
00:04:16,100 --> 00:04:21,300
e ora di nuovo questo ti chiederà e quindi avvierà i download di tutti questi elementi

52
00:04:21,300 --> 00:04:27,600
e li installerà nella tua configurazione Android qui e avrai bisogno di tutte queste cose installate per sviluppare applicazioni Android.

53
00:04:27,600 --> 00:04:34,620
Quindi aspettiamo che questo download e l'installazione finiscano qui e, dopo aver terminato, il gioco è fatto qui, puoi

54
00:04:34,630 --> 00:04:40,300
chiuderlo e il passaggio successivo, sempre nella finestra di Android Studio qui, è che fai clic

55
00:04:40,570 --> 00:04:42,410
su Configura AVD Manager.

56
00:04:42,490 --> 00:04:46,750
Questo è il gestore che ti consente di creare e avviare dispositivi virtuali.

57
00:04:46,750 --> 00:04:49,120
Vedi che ho già un paio di dispositivi,

58
00:04:49,120 --> 00:04:53,830
potresti non averne nessuno, puoi sempre crearne uno nuovo nell'angolo in basso a sinistra facendo clic

59
00:04:53,830 --> 00:05:00,070
su crea dispositivo virtuale e quindi scegli un telefono qui e puoi scegliere qualsiasi immagine che vuoi qui per creare diversi

60
00:05:00,070 --> 00:05:01,340
dispositivi di diverse dimensioni.

61
00:05:01,360 --> 00:05:06,310
Consiglierei di andare con uno su cui è installato il Play Store, che può aiutare a testare alcune

62
00:05:06,310 --> 00:05:08,430
funzionalità di cui potremmo avere bisogno in

63
00:05:08,440 --> 00:05:11,830
seguito, ma in generale, puoi scegliere qui qualsiasi immagine che desideri, andrò

64
00:05:11,860 --> 00:05:15,350
con il pixel 2 qui. Fai clic su Avanti, quindi

65
00:05:15,490 --> 00:05:17,150
scegli una versione

66
00:05:17,170 --> 00:05:20,230
Android che desideri utilizzare su quel dispositivo e

67
00:05:20,230 --> 00:05:22,500
lì, userò l'ultima versione stabile, quindi

68
00:05:22,510 --> 00:05:28,110
non quella beta, non la Q nel mio caso ma l'ultima stabile, potrebbe essere necessario

69
00:05:28,120 --> 00:05:32,350
scaricarlo in primo luogo, questa immagine è indipendente dagli SDK installati

70
00:05:32,350 --> 00:05:38,730
un secondo fa, si tratta di immagini del dispositivo. Quindi assicurati di scaricare l'ultimo stabile e selezionarlo in seguito,

71
00:05:39,040 --> 00:05:40,420
fai clic su Avanti.

72
00:05:40,420 --> 00:05:42,600
Puoi lasciare qui le impostazioni

73
00:05:42,610 --> 00:05:46,680
predefinite, puoi tuffarti in impostazioni avanzate se sai davvero cosa stai facendo,

74
00:05:46,700 --> 00:05:51,520
ma altrimenti, puoi lasciare le impostazioni predefinite e fare clic su Fine e questo

75
00:05:51,610 --> 00:05:57,250
ora creerà un nuovo emulatore, nel mio caso questo qui e puoi avviare l'emulatore facendo clic

76
00:05:57,250 --> 00:06:04,200
sul pulsante di riproduzione verde qui e questo avvierà qui l'emulatore che ora si avvia qui e una volta avviato,

77
00:06:04,200 --> 00:06:09,180
puoi eseguire la tua app expo, la tua app React Native, su questo emulatore.

78
00:06:09,180 --> 00:06:10,530
Quindi aspettiamo che finisca

79
00:06:10,530 --> 00:06:17,420
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

80
00:06:18,890 --> 00:06:25,640
la tua app su questo emulatore semplicemente andando al tuo progetto dove potresti avere il processo ancora

81
00:06:25,640 --> 00:06:28,190
in esecuzione, se lo esci,

82
00:06:28,220 --> 00:06:33,020
puoi semplicemente riavviare npm start nel tuo progetto expo di React Native.

83
00:06:33,020 --> 00:06:39,930
Quindi è quello che sto facendo qui e sta di nuovo avviando gli strumenti di sviluppo expo nel browser qui e ora

84
00:06:39,930 --> 00:06:46,530
qui dove abbiamo precedentemente scansionato questo codice QR, puoi premere run su dispositivo Android o emulatore e se hai un emulatore

85
00:06:46,530 --> 00:06:51,870
attivo e funzionante, eseguirà automaticamente la tua app lì o nel tuo terminale qui dove hai questo

86
00:06:51,870 --> 00:06:54,120
processo di avvio di npm in

87
00:06:54,120 --> 00:06:57,720
esecuzione, puoi premere a per avviare anche la tua app sull'emulatore.

88
00:06:57,750 --> 00:06:58,950
Questo è quello

89
00:06:59,100 --> 00:07:02,850
che ho appena fatto, questo ora installerà automaticamente il client expo

90
00:07:02,880 --> 00:07:07,750
sull'emulatore, quindi non è necessario installare o installare manualmente il client expo lì, è fatto

91
00:07:07,830 --> 00:07:12,540
per te e una volta fatto, crea l'app e lo esegue su quel dispositivo Android.

92
00:07:12,570 --> 00:07:15,060
Quindi aspettiamo che finisca, eccolo,

93
00:07:15,060 --> 00:07:21,610
qui si sta avviando e sì, fai clic su OK qui, ti viene richiesto se

94
00:07:21,610 --> 00:07:29,800
vuoi consentire la visualizzazione di questa app al primo avvio. Attivalo qui, quindi torna indietro, vai al cassetto delle app qui o

95
00:07:29,800 --> 00:07:36,460
al task manager e torna alla tua app qui e ora ecco il lancio dell'app expo, sta di nuovo costruendo quel

96
00:07:36,460 --> 00:07:42,490
bundle Javascript in fondo e una volta fatto, avvierà qui la tua app expo e solo che la prima

97
00:07:42,490 --> 00:07:48,240
build richiede abbastanza tempo, le ricostruzioni successive e le ricariche calde come hai visto sono piuttosto veloci.

98
00:07:48,520 --> 00:07:55,960
Quindi aspettiamo che questa build finisca e ora sta finendo qui e qui, vediamo la nostra app. A proposito, è bello, l'abbiamo visto

99
00:07:55,960 --> 00:07:57,130
su

100
00:07:57,130 --> 00:08:00,700
iPhone prima, almeno qui nei video.

101
00:08:00,700 --> 00:08:05,440
Ora qui funziona su Android e il pulsante è uno dei pochissimi componenti offerti da

102
00:08:05,470 --> 00:08:08,410
React Native che adegua automaticamente il suo aspetto alla

103
00:08:08,410 --> 00:08:09,940
piattaforma, quindi è piuttosto

104
00:08:09,940 --> 00:08:15,820
dolce e abbiamo le stesse funzionalità di prima e questo ci consente di testare questo, non solo sul

105
00:08:15,850 --> 00:08:17,560
dispositivo reale ma anche in

106
00:08:17,590 --> 00:08:23,020
un simulatore e lì puoi simulare qualsiasi dispositivo Android che desideri, il che è ovviamente abbastanza utile.

107
00:08:23,020 --> 00:08:25,500
Quindi questa è l'app in esecuzione

108
00:08:25,510 --> 00:08:31,540
su un simulatore Android e durante questo corso, mostrerò sempre come funziona e funziona su un emulatore Android.

109
00:08:31,540 --> 00:08:34,390
Ora passiamo ora a lanciarlo su iOS.