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.