Kako kreirati i pokrenuti Angular aplikacije koristeći Angular CLI i PM2


Angular CLI je interfejs komandne linije za Angular framework, koji se koristi za kreiranje, izgradnju i pokretanje vaše aplikacije lokalno tokom razvoja.

Dizajniran je za izgradnju i testiranje Angular projekta na razvojnom serveru. Međutim, ako želite pokrenuti/održavati svoje aplikacije zauvijek živima u proizvodnji, potreban vam je Node.js menadžer procesa kao što je PM2.

PM2 je popularan, napredan i funkcijama bogat menadžer proizvodnog procesa za Node.js aplikacije sa ugrađenim balansatorom opterećenja.

Njegov skup funkcija uključuje podršku za praćenje aplikacija, efikasno upravljanje mikro-uslugama/procesima, pokretanje klastera aplikacija i graciozno ponovno pokretanje i gašenje aplikacija. Takođe, podržava jednostavno upravljanje evidencijama aplikacija i još mnogo toga.

U ovom članku ćemo vam pokazati kako pokrenuti Angular aplikacije koristeći Angular CLI i PM2 Node.js menadžer procesa. Ovo vam omogućava kontinuirano pokretanje vaše aplikacije tokom razvoja.

Zahtjevi

Morate imati sljedeće pakete instalirane na vašem serveru da nastavite:

  • Node.js i NPM
  • Angular CLI
  • PM2

Napomena: Ako već imate Node.js i NPM instalirane na vašem Linux sistemu, skočite na Korak 2.

Korak 1: Instaliranje Node.js u Linux

Da instalirate najnoviju verziju Node.js, prvo dodajte NodeSource spremište na svoj sistem kao što je prikazano i instalirajte paket. Ne zaboravite pokrenuti ispravnu naredbu za verziju Node.js koju želite instalirati na svoju Linux distribuciju.

Instalirajte Node.js na 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

Instalirajte Node.js na 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

Instalirajte Node.js na RHEL-bazirane distribucije

------------- 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

Osim toga, također instalirajte razvojne alate na svoj sistem tako da možete kompajlirati i instalirati izvorne dodatke iz NPM-a.

sudo apt install build-essential  [On Debian/Ubuntu]
yum install gcc-c++ make          [On CentOS/RHEL]
dnf install gcc-c++ make          [On Fedora]

Nakon što instalirate Node.js i NPM, možete provjeriti njihove verzije koristeći sljedeće komande.

node -v
npm -v

Korak 2: Instaliranje Angular CLI i PM2

Zatim instalirajte Angular CLI i PM2 koristeći npm menadžer paketa kao što je prikazano. U sljedećim naredbama, opcija -g znači globalnu instalaciju paketa – koju mogu koristiti svi korisnici sistema.

sudo npm install -g @angular/cli        #install Angular CLI
sudo npm install -g pm2                 #install PM2

Korak 3: Kreiranje Angular projekta koristeći Angular CLI

Sada se pomaknite u webroot direktorij vašeg servera, a zatim kreirajte, izgradite i poslužite svoju Angular aplikaciju (nazvanu sysmon-app, zamijenite ovo imenom svoje aplikacije) koristeći Angular CLI.

cd /srv/www/htdocs/
sudo ng new sysmon-app        #follow the prompts

Zatim idite u direktorij aplikacije (puna putanja je /srv/www/htdocs/sysmon-app) koji je upravo kreiran i služi aplikaciji kao što je prikazano.

cd sysmon-app
sudo ng serve

Iz izlaza ng serve komande, možete vidjeti da aplikacija Angular ne radi u pozadini, više ne možete pristupiti komandnoj liniji. Stoga ne možete izvršiti nijednu drugu komandu dok je pokrenut.

Dakle, potreban vam je menadžer procesa za kontrolu i upravljanje aplikacijom: pokrenite je kontinuirano (zauvijek) i omogućite joj da se automatski pokrene pri pokretanju sistema kao što je objašnjeno u sljedećem odjeljku.

Pre nego što pređete na sledeći odeljak, završite proces pritiskom na [Ctl + C] da biste oslobodili komandnu liniju.

Korak 4: Zauvijek izvođenje Angular projekta koristeći PM2

Da bi vaša nova aplikacija radila u pozadini, oslobađajući komandnu liniju, koristite PM2 da je poslužite, kao što je prikazano. PM2 također pomaže uobičajene zadatke sistemske administracije kao što su ponovno pokretanje u slučaju kvara, zaustavljanje i ponovno učitavanje konfiguracija bez zastoja i još mnogo toga.

pm2 start "ng serve" --name sysmon-app

Zatim, da pristupite web sučelju vaše aplikacije, otvorite pretraživač i navigirajte koristeći adresu http://localhost:4200 kao što je prikazano na sljedećem snimku ekrana.

U ovom vodiču pokazali smo kako pokrenuti Angular aplikacije koristeći Angular CLI i PM2 upravitelj procesa. Ako imate dodatnih ideja za dijeljenje ili pitanja, kontaktirajte nas putem obrasca za povratne informacije u nastavku.