CLI angolare è un'interfaccia a riga di comando per il framework Angular, che viene utilizzata per creare, costruire ed eseguire la tua applicazione localmente durante lo sviluppo.
È progettato per creare e testare un progetto angolare su un server di sviluppo. Tuttavia, se vuoi eseguire/mantenere attive le tue applicazioni per sempre in produzione, hai bisogno di un Gestore processi Node.js ad esempio PM2.
PM2 è un gestore di processi di produzione popolare, avanzato e ricco di funzionalità per Nodo.js applicazioni con un sistema di bilanciamento del carico integrato. Il suo set di funzionalità include il supporto per il monitoraggio delle applicazioni, la gestione efficiente di micro-servizi/processi, l'esecuzione in modalità cluster delle applicazioni e il riavvio e l'arresto corretti delle applicazioni. Inoltre, supporta una facile gestione dei registri delle applicazioni e molto altro ancora.
In questo articolo, ti mostreremo come correre Angolare applicazioni che utilizzano CLI angolare
e PM2 Nodo.js Process Manager. Ciò consente di eseguire l'applicazione continuamente durante lo sviluppo.Per procedere devi avere i seguenti pacchetti installati sul tuo server:
Nota: Se lo hai già Nodo.js e NPM installato sul tuo sistema Linux, vai a Passo 2.
Per installare l'ultima versione di Nodo.js, prima aggiungi il Repository NodeSource sul tuo sistema come mostrato e installa il pacchetto. Non dimenticare di eseguire il comando corretto per il Nodo.js versione che vuoi installare sulla tua distribuzione Linux.
$ curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - #per Node.js versione 12. $ curl -sL https://deb.nodesource.com/setup_11.x | sudo -E bash - #per Node.js versione 11. $ curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash - #per Node.js versione 10. $ sudo apt install -y nodejs.
# curl -sL https://deb.nodesource.com/setup_12.x | bash - #per Node.js versione 12. # curl -sL https://deb.nodesource.com/setup_11.x | bash - #per Node.js versione 11. # curl -sL https://deb.nodesource.com/setup_10.x | bash - #per Node.js versione 10. # apt install -y nodejs.
# curl -sL https://rpm.nodesource.com/setup_12.x | bash - #per Node.js versione 12. # curl -sL https://rpm.nodesource.com/setup_11.x | bash - #per Node.js versione 11. # curl -sL https://rpm.nodesource.com/setup_10.x | bash - #per Node.js versione 10. # yum -y installa nodejs. # dnf -y install nodejs [Sulle versioni RHEL 8 e Fedora 22+]
Inoltre, installa anche strumenti di sviluppo sul tuo sistema in modo da poter compilare e installare componenti aggiuntivi nativi da NPM.
$ sudo apt install build-essential [On Debian/Ubuntu] # yum install gcc-c++ make [Su CentOS/RHEL] # dnf install gcc-c++ make [Su Fedora]
una volta che hai Nodo.js e NPM installati, è possibile verificarne le versioni utilizzando i seguenti comandi.
$ nodo -v. $ npm -v.
Quindi, installa CLI angolare e PM2 usando il gestore di pacchetti npm come mostrato. Nei seguenti comandi, il -G
opzione significa installare i pacchetti globalmente, utilizzabile da tutti gli utenti del sistema.
$ sudo npm install -g @angular/cli #install Angular CLI. $ sudo npm install -g pm2 #install PM2.
Ora spostati in webroot directory del tuo server, quindi crea, costruisci e servi la tua app Angular (chiamata sysmon-app
, sostituiscilo con il nome della tua app) utilizzando Angular CLI.
$ cd /srv/www/htdocs/ $ sudo ng new sysmon-app #segui le istruzioni.
Quindi, spostati nell'applicazione (il percorso completo è /srv/www/htdocs/sysmon-app
) che è stata appena creata e serve l'applicazione come mostrato.
$ cd sysmon-app. $ sudo ng servire.
Dall'uscita del comando ng serve, puoi vedere che l'app Angular non è in esecuzione in background, non puoi più accedere al prompt dei comandi. Pertanto non è possibile eseguire altri comandi mentre è in esecuzione.
Quindi, hai bisogno di un gestore di processi per controllare e gestire l'applicazione: eseguila continuamente (per sempre) e abilita anche l'avvio automatico all'avvio del sistema come spiegato nella sezione successiva.
Prima di passare alla sezione successiva, termina il processo premendo [CTRL + C]
per liberare il prompt dei comandi.
Per far funzionare la tua nuova applicazione in background, liberando il prompt dei comandi, usa PM2 per servirlo, come mostrato. PM2 aiuta anche le comuni attività di amministrazione del sistema come il riavvio in caso di errore, l'arresto, il ricaricamento delle configurazioni senza tempi di inattività e molto altro.
$ pm2 start "ng serve" --name sysmon-app.
Successivamente, per accedere all'interfaccia web della tua applicazione, apri un browser e naviga utilizzando l'indirizzo http://localhost: 4200
come mostrato nello screenshot seguente.
La home page della CLI angolare: https://angular.io/cli
PM2 Homepage: http://pm2.keymetrics.io/
In questa guida, abbiamo mostrato come eseguire applicazioni Angular usando CLI angolare e PM2 Process Manager. Se hai altre idee da condividere o domande, contattaci tramite il modulo di feedback qui sotto.