1
00:00:00,000 --> 00:00:04,686
[MUSIC]

2
00:00:04,686 --> 00:00:09,110
L'ultima domanda che potrebbe sorgere nella tua mente è come costruisco e

3
00:00:09,110 --> 00:00:11,590
distribuisco l'applicazione Angular?

4
00:00:11,590 --> 00:00:15,787
Se ricordi, nel corso precedente su Bootstrap 4,

5
00:00:15,787 --> 00:00:19,801
abbiamo imparato a usare gli script MPM o grand o

6
00:00:19,801 --> 00:00:26,560
culp per costruire la cartella di distribuzione, al fine di costruire la nostra applicazione web.

7
00:00:26,560 --> 00:00:31,504
Ora, con l'applicazione angolare che abbiamo sviluppato in questo corso,

8
00:00:31,504 --> 00:00:33,797
abbiamo l'aiuto della CLI angolare.

9
00:00:33,797 --> 00:00:39,402
La CLI angolare fornisce un comando di compilazione che ci permette di costruire la nostra

10
00:00:39,402 --> 00:00:45,010
applicazione angolare, costruire la cartella di distribuzione e quindi avere tutti i file per la

11
00:00:45,010 --> 00:00:50,286
nostra applicazione angolare compilati e pronti per la distribuzione su un sito server.

12
00:00:50,286 --> 00:00:53,497
Questo è quello che impareremo in questo esercizio.

13
00:00:55,477 --> 00:01:00,065
Per andare avanti con la costruzione e la distribuzione della nostra applicazione angolare

14
00:01:00,065 --> 00:01:04,969
al prompt tipo ng building - perché vogliamo sviluppare la

15
00:01:04,969 --> 00:01:09,935
versione di produzione della nostra applicazione angolare che può essere distribuita su un server.

16
00:01:09,935 --> 00:01:13,925
Quindi, per farlo, al prompt, come ho detto, digitare ng

17
00:01:15,045 --> 00:01:19,935
build —prod, e quindi lasciare che il processo di compilazione completi.

18
00:01:22,225 --> 00:01:26,755
Questo richiederà un po 'di tempo per completare il processo di compilazione.

19
00:01:26,755 --> 00:01:28,924
Una volta completato il processo di compilazione,

20
00:01:28,924 --> 00:01:32,391
vedrai che la cartella di distribuzione sarà ora pronta.

21
00:01:32,391 --> 00:01:35,860
Una volta che il processo di costruzione è completato con successo, in modo da

22
00:01:35,860 --> 00:01:41,111
poter vedere che è tutto verde lì, quindi la cartella di distribuzione è ora preparata.

23
00:01:41,111 --> 00:01:44,829
Ora come distribuiamo l'applicazione angolare?

24
00:01:44,829 --> 00:01:50,789
Ora, in questo caso, se abbiamo un server in cui è possibile distribuire la vostra applicazione web,

25
00:01:50,789 --> 00:01:54,547
allora si tratta solo di copiare il contenuto

26
00:01:54,547 --> 00:01:58,420
della cartella di distribuzione direttamente sul server.

27
00:01:58,420 --> 00:02:02,770
E poi la tua applicazione Angular sarà attiva e funzionante in pochissimo tempo.

28
00:02:02,770 --> 00:02:06,842
Ora, fortunatamente, abbiamo già il nostro server JSON in esecuzione lì.

29
00:02:06,842 --> 00:02:09,411
Quindi useremo il nostro server JSON e

30
00:02:09,411 --> 00:02:14,468
la cartella pubblica del nostro server JSON, in modo che copieranno l'intero contenuto

31
00:02:14,468 --> 00:02:19,057
della cartella di distribuzione nella cartella pubblica del nostro server JSON.

32
00:02:19,057 --> 00:02:23,317
Andando alla cartella Confusione, dove è memorizzata la nostra applicazione,

33
00:02:23,317 --> 00:02:26,370
ci sposteremo ora nella cartella di distribuzione.

34
00:02:26,370 --> 00:02:28,720
Vedrai che la cartella di distribuzione è stata creata.

35
00:02:28,720 --> 00:02:31,390
Quindi andrai nella cartella di distribuzione e

36
00:02:31,390 --> 00:02:36,450
vedrai che un sacco di file sono stati creati dal processo di compilazione Angular CLI.

37
00:02:38,015 --> 00:02:43,199
Copiamo solo l'intero contenuto di questa cartella, e

38
00:02:43,199 --> 00:02:50,327
poi andremo al server JSON, che si trova nella cartella json-server qui e

39
00:02:50,327 --> 00:02:54,760
andare alla cartella pubblica della cartella json-server.

40
00:02:54,760 --> 00:02:59,597
E poi copieremo semplicemente il contenuto in questa cartella pubblica.

41
00:02:59,597 --> 00:03:05,596
Ora la tua applicazione Angular dovrebbe essere disponibile su localhost: 3000 perché

42
00:03:05,596 --> 00:03:12,031
il tuo server JSON servirà tutto ciò che si trova nella cartella pubblica su localhost: 3000.

43
00:03:12,031 --> 00:03:18,886
Andando a un browser, ora in una nuova scheda digiterò semplicemente localhost: 3000 e

44
00:03:18,886 --> 00:03:26,080
vedrai che la tua applicazione Angular sarà ora attiva e funzionante in pochissimo tempo.

45
00:03:26,080 --> 00:03:29,230
Quindi questo è il modo in cui distribuiresti la tua applicazione Angular.

46
00:03:29,230 --> 00:03:32,970
Ora, naturalmente, in questo caso, dal momento che abbiamo il nostro server sotto il nostro controllo,

47
00:03:32,970 --> 00:03:36,270
è solo questione di copiare i file sul lato server.

48
00:03:36,270 --> 00:03:42,030
Ora, se hai intenzione di fare questa distribuzione su un real server nel Cloud,

49
00:03:42,030 --> 00:03:46,395
allora devi solo seguire le indicazioni fornite dal

50
00:03:46,395 --> 00:03:51,056
provider di servizi Cloud al fine di aumentare il lato server.

51
00:03:51,056 --> 00:03:56,982
Quindi potrebbero avere una cartella pubblica che potrebbe essere supportata sul proprio server cloud.

52
00:03:56,982 --> 00:04:02,706
Quindi, in tal caso, potrebbe essere sufficiente copiare il

53
00:04:02,706 --> 00:04:09,920
contenuto della cartella di distribuzione nella cartella del server pubblico presso il provider di servizi cloud.

54
00:04:09,920 --> 00:04:14,204
Ovviamente è anche necessario assicurarsi che ci sia un

55
00:04:14,204 --> 00:04:17,982
server back-end in esecuzione che supporti l'API REST.

56
00:04:17,982 --> 00:04:21,266
Nel nostro caso, il server JSON sta servendo allo scopo.

57
00:04:21,266 --> 00:04:25,719
Quando completi il corso finale in questa specializzazione,

58
00:04:25,719 --> 00:04:30,434
dove ci occupiamo dello sviluppo lato server usando Node-JS,

59
00:04:30,434 --> 00:04:36,370
imparerai la procedura per costruire il tuo server API REST personalizzato.

60
00:04:36,370 --> 00:04:41,240
Quindi, in tal caso, all'interno del server API REST ci sarà una cartella pubblica che la

61
00:04:41,240 --> 00:04:43,870
supporterà, e quindi

62
00:04:43,870 --> 00:04:48,360
è necessario copiare l'applicazione Angular nella cartella pubblica sul lato server.

63
00:04:49,490 --> 00:04:53,170
Ecco come distribuiresti la tua applicazione Angular.

64
00:04:53,170 --> 00:04:55,860
Con questo, completiamo questo esercizio.

65
00:04:55,860 --> 00:05:00,300
In questo esercizio abbiamo imparato come distribuire la nostra

66
00:05:00,300 --> 00:05:02,341
applicazione angolare su un server.

67
00:05:02,341 --> 00:05:07,124
E come fare uso della CLI angolare per costruire una versione di produzione della nostra

68
00:05:07,124 --> 00:05:11,352
applicazione Angular prima di eseguire la distribuzione della nostra

69
00:05:11,352 --> 00:05:13,604
applicazione Angular sul lato server.

70
00:05:13,604 --> 00:05:19,459
[ MUSIC]