Kako zagnati kotne aplikacije z uporabo kotnih CLI in PM2


Angular CLI je vmesnik ukazne vrstice za ogrodje Angular, ki se uporablja za lokalno ustvarjanje, gradnjo in zagon aplikacije med razvojem.

Zasnovan je za izdelavo in testiranje projekta Angular na razvojnem strežniku. Če pa želite svoje programe zagnati/ohraniti za vedno v produkciji, potrebujete PM2.

PM2 je priljubljen, napreden in s funkcijami bogat upravitelj proizvodnih procesov za aplikacije Node.js z vgrajenim izravnalnikom obremenitve. Njen nabor funkcij vključuje podporo za spremljanje aplikacij, učinkovito upravljanje mikro storitev/procesov, zagon načina grozda aplikacij in eleganten ponovni zagon in zaustavitev aplikacij. Prav tako podpira enostavno upravljanje dnevnikov aplikacij in še veliko več.

V tem članku vam bomo pokazali, kako zagnati aplikacije Angular z uporabo programa Angular CLI in PM2 Node.js. To vam omogoča neprekinjeno izvajanje aplikacije med razvojem.

Za nadaljevanje morate imeti na strežniku nameščene naslednje pakete:

  1. Node.js in NPM
  2. Kotni CLI
  3. PM2

Opomba: Če imate v sistemu Linux že nameščene Node.js in NPM, pojdite na 2. korak.

1. korak: Namestitev Node.js v Linux

Če želite namestiti najnovejšo različico Node.js, najprej dodajte repozitorij NodeSource v svoj sistem, kot je prikazano, in namestite paket. Ne pozabite zagnati pravilnega ukaza za različico Node.js, ki jo želite namestiti v svojo distribucijo Linuxa.

$ curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -        #for Node.js version 12
$ curl -sL https://deb.nodesource.com/setup_11.x | sudo -E bash -        #for Node.js version 11
$ curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -        #for Node.js version 10
$ sudo apt install -y nodejs
# curl -sL https://deb.nodesource.com/setup_12.x | bash -    #for Node.js version 12
# curl -sL https://deb.nodesource.com/setup_11.x | bash -    #for Node.js version 11
# curl -sL https://deb.nodesource.com/setup_10.x | bash -     #for Node.js version 10
# apt install -y nodejs
# curl -sL https://rpm.nodesource.com/setup_12.x | bash -    #for Node.js version 12
# curl -sL https://rpm.nodesource.com/setup_11.x | bash -    #for Node.js version 11
# curl -sL https://rpm.nodesource.com/setup_10.x | bash -    #for Node.js version 10
# yum -y install nodejs
# dnf -y install nodejs   [On RHEL 8 and Fedora 22+ versions]

Poleg tega v svoj sistem namestite tudi razvojna orodja, tako da lahko iz NPM zbirate in nameščate izvorne dodatke.

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

Ko namestite Node.js in NPM, lahko njihove različice preverite z naslednjimi ukazi.

$ node -v
$ npm -v

2. korak: Namestitev kotnih CLI in PM2

Nato namestite Angular CLI in PM2 z upraviteljem paketov npm, kot je prikazano. V naslednjih ukazih možnost -g pomeni namestitev paketov globalno - uporabno za vse uporabnike sistema.

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

3. korak: Ustvarjanje kotnega projekta z uporabo kotnega CLI

Zdaj se premaknite v imenik webroot strežnika, nato ustvarite, zgradite in strežite svojo aplikacijo Angular (imenovano sysmon-app , zamenjajte jo z imenom vaše aplikacije) s pomočjo Angular CLI.

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

Nato se premaknite v mapo aplikacije (celotna pot je /srv/www/htdocs/sysmon-app ), ki je pravkar ustvarjena in aplikaciji služi, kot je prikazano.

$ cd sysmon-app
$ sudo ng serve

Iz izhoda ukaza ng serve lahko vidite, da se aplikacija Angular ne izvaja v ozadju, do ukaznega poziva ne morete več dostopati. Zato med izvajanjem ne morete izvajati nobenih drugih ukazov.

Za nadzor in upravljanje aplikacije potrebujete upravitelja procesov: neprekinjeno (za vedno) jo zaženite in omogočite tudi samodejni zagon ob zagonu sistema, kot je razloženo v naslednjem razdelku.

Preden preidete na naslednji razdelek, zaključite postopek s pritiskom na [Ctl + C] , da sprostite ukazni poziv.

4. korak: Zagon tekalnega projekta za vedno z uporabo PM2

Če želite, da se vaša nova aplikacija izvaja v ozadju, sprostite ukazni poziv tako, da jo uporabite PM2, kot prikazuje slika PM2 pomaga tudi pri običajnih sistemskih opravilih, kot so ponovni zagon ob okvari, zaustavitev, ponovno nalaganje konfiguracij brez izpadov in še veliko več.

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

Nato za dostop do spletnega vmesnika aplikacije odprite brskalnik in krmarite z naslovom http:// localhost: 4200 , kot je prikazano na naslednjem posnetku zaslona.

Domača stran kotnega CLI: https://angular.io/cli
Domača stran PM2: http://pm2.keymetrics.io/

V tem priročniku smo pokazali, kako zagnati aplikacije Angular z uporabo upravitelja procesov Angular CLI in PM2. Če imate kakšne dodatne ideje za skupno rabo ali vprašanja, nas pokličite prek spodnjega obrazca za povratne informacije.