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.