Il Angular CLI è un’interfaccia a riga di comando per il framework Angular, che viene utilizzata per creare, compilare ed eseguire l’applicazione in locale durante lo sviluppo.
È progettata per costruire e testare un progetto Angular su un server di sviluppo. Tuttavia, se desideri eseguire/mantenere le tue applicazioni attive in modo continuativo in produzione, hai bisogno di un gestore di processi Node.js come PM2.
PM2 è un popolare, avanzato e ricco di funzionalità gestore di processi di produzione per le applicazioni Node.js con un bilanciamento del carico integrato.
Le sue funzionalità includono il supporto per il monitoraggio delle applicazioni, la gestione efficiente di microservizi/processi, l’esecuzione delle applicazioni in modalità cluster e il riavvio e lo spegnimento delle applicazioni in modo sicuro. Inoltre, supporta la gestione semplice dei log delle applicazioni e molto altro ancora.
In questo articolo, ti mostreremo come eseguire le applicazioni Angular utilizzando Angular CLI e il gestore di processi Node.js PM2. Ciò ti consente di eseguire continuamente la tua applicazione durante lo sviluppo.
Requisiti
Devi avere installati i seguenti pacchetti sul tuo server per procedere:
Nota: Se hai già installato Node.js e NPM sul tuo sistema Linux, passa a Passo 2.
Passo 1: Installare Node.js in Linux
Per installare l’ultima versione di Node.js, prima aggiungi il repository NodeSource sul tuo sistema come mostrato e installa il pacchetto. Non dimenticare di eseguire il comando corretto per la versione di Node.js che desideri installare sulla tua distribuzione Linux.
Installa Node.js su Ubuntu
------------- For Node.js v19.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_19.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs
Installa Node.js su Debian
------------- For Node.js v19.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_19.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_18.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_16.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_14.x | bash - &&\ $ sudo apt-get install -y nodejs
Installa Node.js su Distribuzioni basate su RHEL
------------- For Node.js v19.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_19.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_18.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_16.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_14.x | sudo bash - $ sudo yum install -y nodejs
Inoltre, installa anche gli strumenti di sviluppo sul tuo sistema in modo da poter compilare e installare i componenti aggiuntivi nativi da NPM.
$ sudo apt install build-essential [On Debian/Ubuntu] # yum install gcc-c++ make [On CentOS/RHEL] # dnf install gcc-c++ make [On Fedora]
Una volta installati Node.js e NPM, puoi verificare le loro versioni utilizzando i seguenti comandi.
$ node -v $ npm -v
Passo 2: Installazione di Angular CLI e PM2
Installare Angular CLI e PM2 utilizzando il gestore di pacchetti npm come mostrato. Nei comandi seguenti, l’opzione -g significa installare i pacchetti globalmente, utilizzabili da tutti gli utenti di sistema.
$ sudo npm install -g @angular/cli #install Angular CLI $ sudo npm install -g pm2 #install PM2
Passaggio 3: Creare un Progetto Angular Utilizzando Angular CLI
Ora spostati nella directory webroot del tuo server, quindi crea, costruisci e avvia la tua app Angular (chiamata sysmon-app, sostituisci questo con il nome della tua app) utilizzando Angular CLI.
$ cd /srv/www/htdocs/ $ sudo ng new sysmon-app #follow the prompts
Successivamente, spostati nella directory dell’applicazione (il percorso completo è /srv/www/htdocs/sysmon-app) appena creata e servi l’applicazione come mostrato.
$ cd sysmon-app $ sudo ng serve
Dall’output del comando ng serve, puoi vedere che l’app Angular non sta eseguendo in background, non puoi più accedere al prompt dei comandi. Pertanto, non puoi eseguire altri comandi mentre è in esecuzione.
Quindi, hai bisogno di un gestore di processi per controllare e gestire l’applicazione: farla funzionare continuamente (per sempre) e anche abilitarla all’avvio automatico al boot del sistema come spiegato nella sezione successiva.
Prima di passare alla sezione successiva, termina il processo premendo [Ctl + C] per liberare il prompt dei comandi.
Passaggio 4: Eseguire il Progetto Angular in Modo Continuo Utilizzando PM2
Per far funzionare la tua nuova applicazione in background, liberando il prompt dei comandi, utilizza PM2 per servirla, come mostrato. PM2 assiste anche nelle comuni attività di amministrazione di sistema come il riavvio in caso di errore, l’arresto e il ricaricamento delle configurazioni senza tempo di inattività, e molto altro.
$ pm2 start "ng serve" --name sysmon-app
Per accedere all’interfaccia web della tua applicazione, apri un browser e naviga utilizzando l’indirizzo http://localhost:4200 come mostrato nella seguente schermata.
In questa guida, abbiamo mostrato come eseguire applicazioni Angular utilizzando il Angular CLI e il gestore dei processi PM2. Se hai altre idee da condividere o domande, contattaci tramite il modulo di feedback qui sotto.
Source:
https://www.tecmint.com/create-and-run-angular-apps-using-angular-cli-and-pm2/