1 00:00:02,580 --> 00:00:05,010 Ora hai imparato come creare la tua app 2 00:00:05,010 --> 00:00:06,840 per iOS, che dire di Android? 3 00:00:06,840 --> 00:00:09,870 Ancora una volta e i documenti ufficiali di React 4 00:00:09,870 --> 00:00:14,310 Native, sotto le guide, Android, trovi le istruzioni su come pubblicare la tua app su 5 00:00:14,310 --> 00:00:18,720 Google Play Store e alla fine, puoi semplicemente seguire le istruzioni che trovi qui. 6 00:00:18,730 --> 00:00:23,890 Tutto inizia con la creazione di un tale keystore che ho già menzionato nel flusso di lavoro 7 00:00:23,920 --> 00:00:27,100 gestito dall'expo ma lì l'expo lo ha fatto per noi sui 8 00:00:27,130 --> 00:00:33,220 loro server, qui dobbiamo farlo e possiamo farlo all'interno del nostro progetto o su Windows come dice qui , assicurati di 9 00:00:33,220 --> 00:00:38,740 eseguire questo comando mentre navighi in questa cartella. Successivamente è possibile copiare il keystore nel progetto 10 00:00:38,740 --> 00:00:41,140 o archiviarlo in qualsiasi altro luogo. 11 00:00:41,140 --> 00:00:45,820 Avrai bisogno di quel keystore che viene generato per firmare la tua app e per firmare gli aggiornamenti 12 00:00:45,820 --> 00:00:46,220 dell'app, 13 00:00:46,300 --> 00:00:47,710 quindi assicurati di non perderla 14 00:00:47,740 --> 00:00:51,730 altrimenti non sarai in grado di ricostruire la tua app o aggiornare la tua app. 15 00:00:51,760 --> 00:00:57,370 Quindi, qui, puoi inserire una password arbitraria che cosa vuoi scegliere e quindi alcune informazioni su di 16 00:00:57,370 --> 00:01:03,970 te che tecnicamente potrebbero essere sbagliate ma che dovrebbero essere corrette in quanto questo è il tuo identificatore con l'istanza, poiché 17 00:01:03,970 --> 00:01:08,780 viene utilizzato per assegnare l'app nella fine e una volta che hai inserito tutto questo 18 00:01:08,780 --> 00:01:15,820 e lo hai confermato e hai scelto le tue password, questo ora crea questo file di archivio chiavi della mia chiave di 19 00:01:15,820 --> 00:01:23,950 caricamento qui e ora puoi usarlo per firmare la tua applicazione. Successivamente devi impostare alcune variabili di gradle come vedi qui 20 00:01:23,950 --> 00:01:29,900 e per questo assicurati di spostare l'archiviazione delle chiavi nella cartella dell'app Android, quindi da 21 00:01:29,960 --> 00:01:30,670 questa 22 00:01:30,680 --> 00:01:37,910 cartella qui, spostala su Android e lì nella cartella dell'app in modo che il file c'è e poi vai 23 00:01:39,740 --> 00:01:49,300 al file delle proprietà del gradle, il file delle proprietà del gradle Android. Quindi qui, sotto Android abbiamo il file delle proprietà gradle 24 00:01:49,300 --> 00:01:53,200 e lì dentro, puoi aggiungere queste voci 25 00:01:56,570 --> 00:02:04,330 e come dice lì, sostituire le stelle qui con la password che hai scelto per 26 00:02:04,330 --> 00:02:05,620 il keystore. 27 00:02:05,890 --> 00:02:09,250 Una volta che lo hai fatto, puoi chiudere quel file, dovresti 28 00:02:09,470 --> 00:02:15,140 andare al file gradle di compilazione dell'app Android, quindi non creare gradle qui ma nella cartella dell'app e lì il 29 00:02:15,170 --> 00:02:23,710 file build gradle e aggiungere questa configurazione nel nodo Android come puoi vedere . Quindi puoi semplicemente copiare questo e poi qui, cercare 30 00:02:23,710 --> 00:02:31,980 il nodo Android che è questo nodo, lì hai la configurazione predefinita che cosa non dovresti toccare ma 31 00:02:34,810 --> 00:02:38,260 hai il tuo segno di configurazione dove 32 00:02:39,740 --> 00:02:47,270 dovresti alla fine aggiungere questa parte di rilascio, quindi non elimina la parte di debug, ma 33 00:02:47,720 --> 00:02:54,600 aggiungi questa parte di rilascio e quindi nella versione dei tipi di build, aggiungi 34 00:02:54,600 --> 00:02:56,280 questa riga qui. 35 00:02:56,640 --> 00:03:04,720 Quindi, se si scorre ulteriormente, si generano i tipi di rilascio, è possibile aggiungere questa riga, firmando la versione di configurazione e 36 00:03:04,720 --> 00:03:09,390 ora è possibile generare l'APK con questi comandi, quindi spostandosi nella cartella 37 00:03:09,390 --> 00:03:14,230 Android e quindi eseguendo questo comando. Quindi facciamolo, prima di tutto andiamo nella 38 00:03:14,230 --> 00:03:19,350 cartella Android qui con cd android e quindi eseguiamo questo comando gradle w e questo 39 00:03:19,360 --> 00:03:20,800 dovrebbe ora creare 40 00:03:20,800 --> 00:03:26,170 la tua app e firmarla per la produzione e darti un pacchetto di app alla fine 41 00:03:27,180 --> 00:03:29,660 che puoi quindi caricare sul Google Play Store. 42 00:03:29,670 --> 00:03:36,160 Quindi aspettiamo che finisca e una volta che questa compilazione è riuscita, puoi effettivamente prendere quel bundle di app che 43 00:03:36,280 --> 00:03:39,850 ora trovi sotto il bundle di output generato dalla build 44 00:03:43,310 --> 00:03:49,910 di app, questo file qui, questo è il tuo bundle di rilascio, ecco cosa puoi caricare su Google Play Store . 45 00:03:50,770 --> 00:03:55,640 Per questo, puoi cercare la console di Google Play e hai bisogno di un 46 00:03:55,700 --> 00:03:56,740 account Google 47 00:03:56,750 --> 00:04:04,670 Developer per quello che ti costa anche denaro ma a differenza del programma Apple, non è un abbonamento, è una commissione una 48 00:04:04,670 --> 00:04:09,530 tantum di $ 25 e qui nella console di Google Play, ora puoi creare 49 00:04:09,530 --> 00:04:18,540 una nuova applicazione dopo aver effettuato l'accesso con il tuo account a pagamento, scegliere un nome di app come questo, crearlo e quindi qui puoi gestire 50 00:04:18,540 --> 00:04:22,410 l'intero aspetto del tuo negozio o l'intera app come appare 51 00:04:25,100 --> 00:04:33,070 e sotto le versioni delle app, lì puoi fare clic sulla traccia di produzione, gestire la produzione, creare una versione lì e 52 00:04:33,070 --> 00:04:38,050 ora qui devi caricare il pacchetto dell'app. Ora puoi fare clic su continua qui con 53 00:04:38,050 --> 00:04:43,420 le impostazioni predefinite normalmente, ma in generale, ti consiglio di immergerti nella documentazione di Google Play Store o della 54 00:04:43,730 --> 00:04:49,090 console di Google Play per conoscere tutto ciò che puoi impostare qui, ma alla fine, questo è ora dove 55 00:04:49,090 --> 00:04:51,270 puoi caricare il bundle che hai creato. 56 00:04:51,400 --> 00:04:57,130 Quindi qui caricheresti questo file bundle e, successivamente, potrai completare l'aspetto del tuo negozio e pubblicare anche 57 00:04:57,130 --> 00:04:59,940 la tua app nel Google Play Store. 58 00:05:01,830 --> 00:05:06,600 Ora, ovviamente, potresti chiederti come aggiungere icone e così via perché non l'ho ancora toccato? 59 00:05:07,180 --> 00:05:11,160 Un modo semplice e conveniente per farlo è con l'aiuto di Android Studio. 60 00:05:11,160 --> 00:05:17,610 Lì, puoi aprire un progetto Android Studio esistente e aprire la tua cartella Android nel tuo progetto React Native qui con 61 00:05:17,610 --> 00:05:24,440 Android Studio, solo la cartella Android, non l'intero progetto React Native. Lì troverai la tua parte Android 62 00:05:24,440 --> 00:05:32,980 di questo progetto e qui per aggiungere icone, puoi andare alla cartella dell'app, fonte, principale, res e lì 63 00:05:33,490 --> 00:05:37,410 attendere l'inizializzazione e il completamento della build che 64 00:05:37,580 --> 00:05:45,410 si avvia dopo l'apertura e una volta eseguita questa inizializzazione, nella cartella dell'app se fai clic 65 00:05:45,410 --> 00:05:52,330 sulla cartella res, fai clic destro su di essa, puoi selezionare nuovo e lì, 66 00:05:52,370 --> 00:06:00,290 asset immagine e questo apre un editor in cui puoi aggiungere e generare comodamente nuovi asset 67 00:06:00,380 --> 00:06:06,420 immagine, nuovo icone per esempio. Lì puoi scegliere di avviare le tue icone, adattive e legacy 68 00:06:06,420 --> 00:06:08,490 e ora cosa puoi fare, puoi 69 00:06:08,580 --> 00:06:14,580 lasciare il nome, puoi impostare la tua icona, puoi configurarla lì. Puoi scegliere un livello di primo 70 00:06:14,580 --> 00:06:23,050 piano e lì, ad esempio, puoi scegliere il percorso di un'immagine che vuoi usare, un livello di sfondo in cui 71 00:06:23,050 --> 00:06:29,050 puoi impostare un colore solido o anche un'immagine che vuoi usare in background e 72 00:06:29,050 --> 00:06:35,170 quindi generare il tuo icona con quello strumento. Basta fare clic su Finish e, naturalmente, fornire la propria immagine lì, se 73 00:06:35,170 --> 00:06:42,720 lo si desidera, e tutto ti configurerà per avere una bella icona che ovviamente è piuttosto dolce. Ora riguardo a come personalizzare la schermata iniziale, in 74 00:06:42,720 --> 00:06:48,470 allegato è disponibile una documentazione su come è possibile farlo su Android per 75 00:06:48,470 --> 00:06:53,630 impostare la propria schermata iniziale. Ovviamente ogni volta che cambi le tue 76 00:06:53,640 --> 00:07:00,150 icone e / o la tua schermata iniziale, dovrai rieseguire questa build con quel comando w gradle e quindi ridistribuire il 77 00:07:00,180 --> 00:07:05,400 tuo nuovo pacchetto di app sul Google Play Store con la console di Google Play e con 78 00:07:05,400 --> 00:07:12,030 questo, questo è come costruire e distribuire solo app React Native. Ovviamente un po 'più di lavoro manuale, un po' più ingombrante rispetto 79 00:07:12,030 --> 00:07:17,970 al flusso di lavoro gestito dall'Expo, ma ora conosci entrambe le opzioni e puoi scegliere qualsiasi approccio ti serva per la 80 00:07:17,970 --> 00:07:18,870 tua applicazione.