Sådan køres kantede apps ved hjælp af kantet CLI og PM2


Angular CLI er en kommandolinjegrænseflade til Angular framework, som bruges til at oprette, opbygge og køre din applikation lokalt under udvikling.

Det er designet til at opbygge og teste et Angular-projekt på en udviklingsserver. Men hvis du vil køre/holde dine applikationer i live for evigt i produktion, har du brug for en Node.js-procesmanager såsom PM2.

PM2 er en populær, avanceret og funktionsrig produktionsproces manager til Node.js applikationer med en indbygget load balancer. Dets funktionssæt inkluderer understøttelse af applikationsovervågning, effektiv styring af mikrotjenester/processer, kørsel af applikationsklyngetilstand og yndefuld genstart og lukning af applikationer. Det understøtter også nem styring af applikationslogfiler og meget mere.

I denne artikel viser vi dig, hvordan du kører Angular-applikationer ved hjælp af Angular CLI og PM2 Node.js procesmanager. Dette giver dig mulighed for at køre din applikation kontinuerligt under udviklingen.

Du skal have følgende pakker installeret på din server for at fortsætte:

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

Bemærk: Hvis du allerede har Node.js og NPM installeret på dit Linux-system, skal du springe til trin 2.

Trin 1: Installation af Node.js i Linux

For at installere den nyeste version af Node.js skal du først tilføje NodeSource-lageret på dit system som vist og installere pakken. Glem ikke at køre den korrekte kommando til den Node.js-version, du vil installere på din Linux-distribution.

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

Desuden skal du også installere udviklingsværktøjer på dit system, så du kan kompilere og installere native addons fra NPM.

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

Når du har installeret Node.js og NPM, kan du kontrollere deres versioner ved hjælp af følgende kommandoer.

$ node -v
$ npm -v

Trin 2: Installation af kantet CLI og PM2

Installer derefter Angular CLI og PM2 ved hjælp af npm-pakkehåndteringen som vist. I de følgende kommandoer betyder indstillingen -g at installere pakkerne globalt - brugbare af alle systembrugere.

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

Trin 3: Oprettelse af et kantet projekt ved hjælp af kantet CLI

Gå nu ind på din webs webroot-mappe, opret, opret og server din Angular-app (kaldet sysmon-app , udskift denne med navnet på din app) ved hjælp af Angular CLI.

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

Gå derefter ind i applikationen (den fulde sti er /srv/www/htdocs/sysmon-app ) -mappen, som netop er oprettet og tjener applikationen som vist.

$ cd sysmon-app
$ sudo ng serve

Fra output fra kommandoen ng serve kan du se, at appen Angular ikke kører i baggrunden, og du kan ikke få adgang til kommandoprompten længere. Derfor kan du ikke udføre andre kommandoer, mens den kører.

Så du har brug for en procesmanager til at kontrollere og administrere applikationen: kør den kontinuerligt (for evigt) og gør det også muligt for den automatisk at starte ved systemstart som forklaret i næste afsnit.

Inden du går til næste afsnit, skal du afslutte processen ved at trykke på [Ctl + C] for at frigøre kommandoprompten.

Trin 4: Kørsel af Angular Project Forever ved hjælp af PM2

For at få din nye applikation til at køre i baggrunden, frigør kommandoprompten, brug PM2 til at betjene den som vist. PM2 hjælper også almindelige systemadministrationsopgaver såsom genstart ved fejl, stop, genindlæsning af konfigurationer uden nedetid og meget mere.

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

For at få adgang til applikationens webgrænseflade skal du åbne en browser og navigere ved hjælp af adressen http:/localhost: 4200 som vist i følgende skærmbillede.

PM2-hjemmeside: http://pm2.keymetrics.io/

I denne vejledning har vi vist, hvordan du kører Angular-applikationer ved hjælp af Angular CLI og PM2 procesmanager. Hvis du har yderligere ideer til at dele eller spørgsmål, kan du kontakte os via feedbackformularen nedenfor.