Angular-sovellusten luominen ja käyttäminen Angular CLI:n ja PM2:n avulla


Angular CLI on Angular-kehyksen komentorivikäyttöliittymä, jota käytetään sovelluksen luomiseen, rakentamiseen ja suorittamiseen paikallisesti kehitystyön aikana.

Se on suunniteltu Angular-projektin rakentamiseen ja testaamiseen kehityspalvelimella. Jos kuitenkin haluat käyttää/pitää sovelluksiasi ikuisesti toiminnassa tuotannossa, tarvitset Node.js-prosessinhallinnan, kuten PM2:n.

PM2 on suosittu, edistynyt ja monipuolinen tuotantoprosessien hallintaohjelma Node.js-sovelluksille, joissa on sisäänrakennettu kuormitustasa.

Sen ominaisuusjoukko sisältää tuen sovellusten valvonnalle, mikropalvelujen/prosessien tehokkaalle hallinnalle, sovellusklusteritilan käyttämiselle sekä sovellusten sulavan uudelleenkäynnistyksen ja sulkemisen. Se tukee myös sovelluslokien helppoa hallintaa ja paljon muuta.

Tässä artikkelissa näytämme, kuinka voit ajaa Angular -sovelluksia käyttämällä Angular CLI:tä ja PM2 Node.js -prosessinhallintaa. Näin voit käyttää sovellustasi jatkuvasti kehityksen aikana.

Vaatimukset

Sinulla on oltava seuraavat paketit asennettuna palvelimellesi jatkaaksesi:

  • Node.js ja NPM
  • Kulmikas CLI
  • PM2

Huomaa: jos sinulla on jo Node.js ja NPM asennettuna Linux-järjestelmääsi, siirry kohtaan >Vaihe 2.

Vaihe 1: Node.js:n asentaminen Linuxiin

Asenna Node.js:n uusin versio lisäämällä ensin NodeSource-arkisto järjestelmääsi kuvan mukaisesti ja asentamalla paketti. Älä unohda suorittaa oikeaa komentoa Node.js-versiolle, jonka haluat asentaa Linux-jakeluusi.

Asenna Node.js Ubuntuun

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

Asenna Node.js Debianiin

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

Asenna Node.js RHEL-pohjaisiin jakeluihin

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

Lisäksi asenna järjestelmääsi kehitystyökaluja, jotta voit kääntää ja asentaa alkuperäisiä lisäosia NPM:stä.

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

Kun Node.js ja NPM on asennettu, voit tarkistaa niiden versiot seuraavien komentojen avulla.

node -v
npm -v

Vaihe 2: Angular CLI:n ja PM2:n asentaminen

Asenna seuraavaksi Angular CLI ja PM2 käyttämällä npm-pakettienhallintaa kuvan mukaisesti. Seuraavissa komennoissa -g-vaihtoehto tarkoittaa pakettien asentamista maailmanlaajuisesti – kaikkien järjestelmän käyttäjien käytettävissä.

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

Vaihe 3: Kulmaprojektin luominen Angular CLI:tä käyttämällä

Siirry nyt palvelimesi webroot-hakemistoon ja luo, rakenna ja tarjoa Angular-sovellus (nimeltään sysmon-app, korvaa tämä sovelluksesi nimellä) käyttämällä Kulmikas CLI.

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

Siirry seuraavaksi sovelluksen (koko polku on /srv/www/htdocs/sysmon-app) hakemistoon, joka on juuri luotu ja palvelee sovellusta kuvan mukaisesti.

cd sysmon-app
sudo ng serve

ng serve -komennon tulosteesta näet, että Angular-sovellus ei ole käynnissä taustalla, etkä pääse enää komentokehotteeseen. Siksi et voi suorittaa muita komentoja sen ollessa käynnissä.

Tarvitset siis prosessinhallinnan sovelluksen ohjaamiseen ja hallintaan: suorita se jatkuvasti (ikuisesti) ja ota se käyttöön myös automaattisesti käynnistyksen yhteydessä, kuten seuraavassa osassa selitetään.

Ennen kuin siirryt seuraavaan osaan, lopeta prosessi painamalla [Ctl + C] vapauttaaksesi komentokehotteen.

Vaihe 4: Suorita Angular Project ikuisesti PM2:lla

Jos haluat saada uuden sovelluksesi toimimaan taustalla ja vapauttamaan komentokehotteen, käytä PM2:ta sen näyttämiseen kuvan osoittamalla tavalla. PM2 auttaa myös yleisiä järjestelmänhallintatehtäviä, kuten uudelleenkäynnistystä vian sattuessa, kokoonpanojen pysäyttämistä ja uudelleenlatausta ilman seisokkeja ja paljon muuta.

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

Seuraavaksi pääset sovelluksesi verkkokäyttöliittymään avaamalla selain ja siirtymällä osoitteeseen http://localhost:4200 seuraavan kuvakaappauksen mukaisesti.

Tässä oppaassa olemme osoittaneet, kuinka Angular-sovelluksia suoritetaan Angular CLI:n ja PM2-prosessinhallinnan avulla. Jos sinulla on muita ideoita tai kysymyksiä, ota meihin yhteyttä alla olevan palautelomakkeen kautta.