Wéi lafen Angular Apps mat Angular CLI a PM2

Angular CLI ass e Kommandozeileninterface fir Angular Kader, dee benotzt gëtt fir Är Applikatioun lokal ze kreéieren, ze bauen an ze lafen wärend der Entwécklung.

Et ass entwéckelt fir en Angular Projet op engem Entwécklungsserver ze bauen an ze testen. Wéi och ëmmer, wann Dir Är Uwendungen fir ëmmer an der Produktioun wëllt lafen/halen, braucht Dir e PM2.

PM2 ass e populäre, fortgeschratten a Feature-räiche Produktiounsprozessmanager fir Node.js Uwendungen mat engem agebaute Lastbalancer. Seng Feature-Set enthält Ënnerstëtzung fir Applikatiounsiwwerwaachung, effizient Gestioun vu Mikroservicer/Prozesser, Lafen Uwendungscluster Modus, a graziéis Restart an Ausschaltung vun Uwendungen. Och, et ënnerstëtzt einfach Gestioun vun Applikatioun Logbicher, a sou vill méi.

An dësem Artikel wäerte mir Iech weisen wéi Dir Angular Uwendungen mat Angular CLI an PM2 Node.js Prozessmanager benotzt. Dëst erlaabt Iech Är Applikatioun kontinuéierlech während der Entwécklung ze lafen.

Dir musst déi folgend Packagen op Ärem Server installéiert hunn fir weiderzegoen:

  1. Node.js an NPM
  2. Angular CLI
  3. PM2

Bemierkung: Wann Dir schonn Node.js an NPM op Ärem Linux System installéiert hutt, sprangen op Schrëtt 2.

Schrëtt 1: Node.js an Linux installéieren

Fir déi lescht Versioun vum Node.js z'installéieren, füügt als éischt den NodeSource Repository op Ärem System wéi gewisen an installéiert de Package. Vergiesst net de richtege Kommando auszeféieren fir d'Node.js Versioun déi Dir op Ärer Linux Verdeelung installéiere wëllt.

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

Zousätzlech, installéiert och Entwécklungsinstrumenter op Ärem System sou datt Dir gebierteg Addons vun NPM kompiléiere kënnt an installéiere kënnt.

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

Wann Dir Node.js an NPM installéiert hutt, kënnt Dir hir Versioune mat de folgende Kommandoen iwwerpréiwen.

$ node -v
$ npm -v

Schrëtt 2: Angular CLI an PM2 installéieren

Als nächst installéiert Angular CLI a PM2 mam npm Package Manager wéi gewisen. An de folgende Befehle bedeit d'Optioun -g d'Pakete weltwäit z'installéieren - benotzbar vun all Systembenotzer.

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

Schrëtt 3: En Angular Projet erstellen mat Angular CLI

Gitt elo an de Webroot Verzeechnes vun Ärem Server, erstellt, baut a servéiert Är Angular App (genannt sysmon-App, ersetzt dëst mam Numm vun Ärer App) mat Angular CLI.

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

Als nächst gitt an d'Applikatioun (voll Wee ass /srv/www/htdocs/sysmon-app) Verzeechnes dee just erstallt gouf an d'Applikatioun déngt wéi gewisen.

$ cd sysmon-app
$ sudo ng serve

Vun der Ausgab vum ng Serve Kommando kënnt Dir gesinn datt d'Angular App net am Hannergrond leeft, Dir kënnt net méi op d'Kommandoprompt kommen. Dofir kënnt Dir keng aner Kommandoen ausféieren wärend et leeft.

Also, Dir braucht e Prozessmanager fir d'Applikatioun ze kontrolléieren an ze verwalten: lafen se kontinuéierlech (fir ëmmer) an aktivéiert et och automatesch beim Systemboot ze starten wéi an der nächster Sektioun erkläert.

Ier Dir op déi nächst Sektioun gitt, schléisst de Prozess of andeems Dir [Ctl + C] dréckt fir d'Kommandoprompt ze befreien.

Schrëtt 4: Lafen Angular Project Forever Benotzt PM2

Fir Är nei Applikatioun am Hannergrond ze lafen, befreit d'Kommandoprompt, benotzt PM2 fir se ze déngen, wéi gewisen. PM2 hëlleft och gemeinsam Systemverwaltungsaufgaben wéi Neistarten beim Ausfall, Stoppen, Konfiguratiounen nei lueden ouni Ausdauer, a vill méi.

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

Als nächst, fir op d'Webinterface vun Ärer Applikatioun ze kommen, öffnen e Browser a navigéiert mat der Adress http://localhost:4200 wéi am folgenden Screenshot gewisen.

D'Angular CLI Homepage: https://angular.io/cli
PM2 Homepage: http://pm2.keymetrics.io/

An dësem Guide hu mir gewisen wéi Angular Uwendungen mat Angular CLI a PM2 Prozessmanager lafen. Wann Dir zousätzlech Iddien hutt fir ze deelen oder Froen, kontaktéiert eis iwwer de Feedbackformular hei ënnen.