Slik kjører du Angular-apper ved å bruke Angular CLI og PM2

Angular CLI er et kommandolinjegrensesnitt for Angular framework, som brukes til å lage, bygge og kjøre applikasjonen din lokalt mens du utvikler.

Den er designet for å bygge og teste et Angular-prosjekt på en utviklingsserver. Men hvis du ønsker å kjøre/holde applikasjonene dine i live for alltid i produksjon, trenger du en PM2.

PM2 er en populær, avansert og funksjonsrik produksjonsprosessleder for Node.js-applikasjoner med en innebygd lastbalanser. Funksjonssettet inkluderer støtte for applikasjonsovervåking, effektiv administrasjon av mikrotjenester/prosesser, kjøring av applikasjonsklyngemodus og elegant omstart og avslutning av applikasjoner. Dessuten støtter den enkel administrasjon av applikasjonslogger og mye mer.

I denne artikkelen vil vi vise deg hvordan du kjører Angular-applikasjoner ved å bruke Angular CLI og PM2 Node.js prosessbehandling. Dette lar deg kjøre applikasjonen kontinuerlig under utviklingen.

Du må ha følgende pakker installert på serveren din for å fortsette:

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

Merk: Hvis du allerede har Node.js og NPM installert på Linux-systemet ditt, hopp til trinn 2.

Trinn 1: Installere Node.js i Linux

For å installere den nyeste versjonen av Node.js, legg først til NodeSource-depotet på systemet ditt som vist og installer pakken. Ikke glem å kjøre riktig kommando for Node.js-versjonen du vil installere på Linux-distribusjonen.

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

Dessuten, installer også utviklingsverktøy på systemet ditt slik at 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 installert Node.js og NPM, kan du sjekke versjonene deres ved å bruke følgende kommandoer.

$ node -v
$ npm -v

Trinn 2: Installere Angular CLI og PM2

Installer deretter Angular CLI og PM2 ved å bruke npm-pakkebehandlingen som vist. I de følgende kommandoene betyr -g alternativet å installere pakkene globalt – brukbare av alle systembrukere.

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

Trinn 3: Opprette et Angular-prosjekt ved å bruke Angular CLI

Gå nå inn i webroot-katalogen til serveren din, opprett, bygg og server Angular-appen din (kalt sysmon-app, erstatt denne med navnet på appen din) ved å bruke Angular CLI.

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

Gå deretter inn i applikasjonskatalogen (full bane er /srv/www/htdocs/sysmon-app) som nettopp er opprettet og betjener applikasjonen som vist.

$ cd sysmon-app
$ sudo ng serve

Fra utgangen av ng serve-kommandoen kan du se at Angular-appen ikke kjører i bakgrunnen, du kan ikke lenger få tilgang til ledeteksten. Derfor kan du ikke utføre andre kommandoer mens den kjører.

Så du trenger en prosessleder for å kontrollere og administrere applikasjonen: kjør den kontinuerlig (for alltid) og la den også starte automatisk ved systemoppstart som forklart i neste avsnitt.

Før du går til neste seksjon, avslutter du prosessen ved å trykke [Ctl + C] for å frigjøre ledeteksten.

Trinn 4: Kjør Angular Project Forever ved å bruke PM2

For å få den nye applikasjonen til å kjøre i bakgrunnen, frigjør ledeteksten, bruk PM2 for å betjene den, som vist. PM2 hjelper også vanlige systemadministrasjonsoppgaver som å starte på nytt ved feil, stopp, laste inn konfigurasjoner på nytt uten nedetid og mye mer.

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

Deretter, for å få tilgang til applikasjonens nettgrensesnitt, åpne en nettleser og naviger med adressen http://localhost:4200 som vist i følgende skjermbilde.

Angular CLI-hjemmesiden: https://angular.io/cli
PM2 hjemmeside: http://pm2.keymetrics.io/

I denne veiledningen har vi vist hvordan du kjører Angular-applikasjoner ved å bruke Angular CLI og PM2 prosessbehandling. Hvis du har flere ideer å dele eller spørsmål, kontakt oss via tilbakemeldingsskjemaet nedenfor.