Kako stvoriti i pokrenuti Angular aplikacije koristeći Angular CLI i PM2
Angular CLI je sučelje naredbenog retka za Angular framework, koje se koristi za kreiranje, izgradnju i pokretanje vaše aplikacije lokalno tijekom razvoja.
Dizajniran je za izradu i testiranje Angular projekta na razvojnom poslužitelju. Međutim, ako želite pokretati/održavati svoje aplikacije na životu zauvijek u proizvodnji, potreban vam je Node.js upravitelj procesa kao što je PM2.
PM2 je popularan, napredan i značajkama bogat upravitelj procesa proizvodnje za Node.js aplikacije s ugrađenim balanserom opterećenja.
Njegov skup značajki uključuje podršku za nadgledanje aplikacija, učinkovito upravljanje mikro-uslugama/procesima, pokretanje klastera aplikacija i graciozno ponovno pokretanje i isključivanje aplikacija. Također, podržava jednostavno upravljanje zapisima aplikacija i još mnogo toga.
U ovom članku pokazat ćemo vam kako pokrenuti Angular aplikacije pomoću Angular CLI i PM2 Node.js upravitelja procesa. To vam omogućuje kontinuirano pokretanje vaše aplikacije tijekom razvoja.
Zahtjevi
Za nastavak morate imati instalirane sljedeće pakete na svom poslužitelju:
- Node.js i NPM
- Kutni CLI
- PM2
Napomena: Ako već imate Node.js i NPM instaliran na vašem Linux sustavu, prijeđite na 2. korak.
Korak 1: Instaliranje Node.js u Linuxu
Da biste instalirali najnoviju verziju Node.js, prvo dodajte NodeSource repozitorij na svoj sustav kao što je prikazano i instalirajte paket. Ne zaboravite pokrenuti ispravnu naredbu za verziju Node.js koju želite instalirati na svoju distribuciju Linuxa.
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 distribucije temeljene na RHEL-u
------------- 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 sustav kako biste mogli kompilirati 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 pomoću sljedećih naredbi.
node -v
npm -v
Korak 2: Instaliranje Angular CLI i PM2
Zatim instalirajte Angular CLI i PM2 koristeći npm upravitelj paketa kao što je prikazano. U sljedećim naredbama, opcija -g znači globalnu instalaciju paketa – koje mogu koristiti svi korisnici sustava.
sudo npm install -g @angular/cli #install Angular CLI
sudo npm install -g pm2 #install PM2
Korak 3: Stvaranje Angular projekta pomoću Angular CLI
Sada prijeđite u webroot direktorij vašeg poslužitelja, zatim kreirajte, izgradite i poslužite svoju Angular aplikaciju (koja se zove sysmon-app, zamijenite ovo nazivom svoje aplikacije) koristeći Kutni CLI.
cd /srv/www/htdocs/
sudo ng new sysmon-app #follow the prompts
Zatim prijeđite u direktorij aplikacije (puna staza je /srv/www/htdocs/sysmon-app) koja je upravo stvorena i služi aplikaciji kao što je prikazano.
cd sysmon-app
sudo ng serve
Iz rezultata ng serve naredbe možete vidjeti da Angular aplikacija ne radi u pozadini, više ne možete pristupiti naredbenom retku. Stoga ne možete izvršiti nijednu drugu naredbu dok je pokrenut.
Dakle, potreban vam je upravitelj procesa za kontrolu i upravljanje aplikacijom: pokrenite je kontinuirano (zauvijek) i također joj omogućite automatsko pokretanje pri pokretanju sustava kao što je objašnjeno u sljedećem odjeljku.
Prije nego što prijeđete na sljedeći odjeljak, prekinite proces pritiskom na [Ctl + C] kako biste oslobodili naredbeni redak.
Korak 4: Pokretanje Angular projekta zauvijek pomoću PM2
Kako bi vaša nova aplikacija radila u pozadini, oslobađajući naredbeni redak, upotrijebite PM2 za posluživanje, kao što je prikazano. PM2 također pomaže u uobičajenim zadacima administracije sustava kao što je ponovno pokretanje u slučaju kvara, zaustavljanje i ponovno učitavanje konfiguracija bez prekida rada i još mnogo toga.
pm2 start "ng serve" --name sysmon-app
Zatim, da biste pristupili web sučelju svoje aplikacije, otvorite preglednik i krećite se koristeći adresu http://localhost:4200 kao što je prikazano na sljedećoj snimci zaslona.
U ovom smo vodiču pokazali kako pokrenuti Angular aplikacije pomoću Angular CLI i PM2 upravitelja procesa. Ako imate dodatnih ideja za dijeljenje ili pitanja, obratite nam se putem obrasca za povratne informacije u nastavku.