[MUSIC]
L'ultima domanda che potrebbe sorgere nella tua mente è come costruisco e
distribuisco l'applicazione Angular?
Se ricordi, nel corso precedente su Bootstrap 4,
abbiamo imparato a usare gli script MPM o grand o
culp per costruire la cartella di distribuzione, al fine di costruire la nostra applicazione web.
Ora, con l'applicazione angolare che abbiamo sviluppato in questo corso,
abbiamo l'aiuto della CLI angolare.
La CLI angolare fornisce un comando di compilazione che ci permette di costruire la nostra
applicazione angolare, costruire la cartella di distribuzione e quindi avere tutti i file per la
nostra applicazione angolare compilati e pronti per la distribuzione su un sito server.
Questo è quello che impareremo in questo esercizio.
Per andare avanti con la costruzione e la distribuzione della nostra applicazione angolare
al prompt tipo ng building - perché vogliamo sviluppare la
versione di produzione della nostra applicazione angolare che può essere distribuita su un server.
Quindi, per farlo, al prompt, come ho detto, digitare ng
build —prod, e quindi lasciare che il processo di compilazione completi.
Questo richiederà un po 'di tempo per completare il processo di compilazione.
Una volta completato il processo di compilazione,
vedrai che la cartella di distribuzione sarà ora pronta.
Una volta che il processo di costruzione è completato con successo, in modo da
poter vedere che è tutto verde lì, quindi la cartella di distribuzione è ora preparata.
Ora come distribuiamo l'applicazione angolare?
Ora, in questo caso, se abbiamo un server in cui è possibile distribuire la vostra applicazione web,
allora si tratta solo di copiare il contenuto
della cartella di distribuzione direttamente sul server.
E poi la tua applicazione Angular sarà attiva e funzionante in pochissimo tempo.
Ora, fortunatamente, abbiamo già il nostro server JSON in esecuzione lì.
Quindi useremo il nostro server JSON e
la cartella pubblica del nostro server JSON, in modo che copieranno l'intero contenuto
della cartella di distribuzione nella cartella pubblica del nostro server JSON.
Andando alla cartella Confusione, dove è memorizzata la nostra applicazione,
ci sposteremo ora nella cartella di distribuzione.
Vedrai che la cartella di distribuzione è stata creata.
Quindi andrai nella cartella di distribuzione e
vedrai che un sacco di file sono stati creati dal processo di compilazione Angular CLI.
Copiamo solo l'intero contenuto di questa cartella, e
poi andremo al server JSON, che si trova nella cartella json-server qui e
andare alla cartella pubblica della cartella json-server.
E poi copieremo semplicemente il contenuto in questa cartella pubblica.
Ora la tua applicazione Angular dovrebbe essere disponibile su localhost: 3000 perché
il tuo server JSON servirà tutto ciò che si trova nella cartella pubblica su localhost: 3000.
Andando a un browser, ora in una nuova scheda digiterò semplicemente localhost: 3000 e
vedrai che la tua applicazione Angular sarà ora attiva e funzionante in pochissimo tempo.
Quindi questo è il modo in cui distribuiresti la tua applicazione Angular.
Ora, naturalmente, in questo caso, dal momento che abbiamo il nostro server sotto il nostro controllo,
è solo questione di copiare i file sul lato server.
Ora, se hai intenzione di fare questa distribuzione su un real server nel Cloud,
allora devi solo seguire le indicazioni fornite dal
provider di servizi Cloud al fine di aumentare il lato server.
Quindi potrebbero avere una cartella pubblica che potrebbe essere supportata sul proprio server cloud.
Quindi, in tal caso, potrebbe essere sufficiente copiare il
contenuto della cartella di distribuzione nella cartella del server pubblico presso il provider di servizi cloud.
Ovviamente è anche necessario assicurarsi che ci sia un
server back-end in esecuzione che supporti l'API REST.
Nel nostro caso, il server JSON sta servendo allo scopo.
Quando completi il corso finale in questa specializzazione,
dove ci occupiamo dello sviluppo lato server usando Node-JS,
imparerai la procedura per costruire il tuo server API REST personalizzato.
Quindi, in tal caso, all'interno del server API REST ci sarà una cartella pubblica che la
supporterà, e quindi
è necessario copiare l'applicazione Angular nella cartella pubblica sul lato server.
Ecco come distribuiresti la tua applicazione Angular.
Con questo, completiamo questo esercizio.
In questo esercizio abbiamo imparato come distribuire la nostra
applicazione angolare su un server.
E come fare uso della CLI angolare per costruire una versione di produzione della nostra
applicazione Angular prima di eseguire la distribuzione della nostra
applicazione Angular sul lato server.
[ MUSIC]