Bii o ṣe le Ṣiṣe Awọn ohun elo Angular Lilo CLI angula ati PM2

Angula CLI jẹ wiwo laini aṣẹ fun ilana Angular, eyiti o lo lati ṣẹda, kọ ati ṣiṣe ohun elo rẹ ni agbegbe lakoko idagbasoke.

A ṣe apẹrẹ lati kọ ati idanwo iṣẹ akanṣe Angular lori olupin idagbasoke. Sibẹsibẹ, ti o ba fẹ ṣiṣe/tọju awọn ohun elo rẹ laaye laaye ni iṣelọpọ, o nilo PM2 kan.

PM2 jẹ olokiki, ilọsiwaju ati oluṣakoso ilana iṣelọpọ iṣelọpọ ẹya fun awọn ohun elo Node.js pẹlu iwọntunwọnsi fifuye ti a ṣe sinu rẹ. Eto ẹya rẹ pẹlu atilẹyin fun ibojuwo ohun elo, iṣakoso daradara ti awọn iṣẹ-airi/awọn ilana, ipo awọn iṣupọ awọn ohun elo ṣiṣe, ati atunbere ọfẹ ati tiipa awọn ohun elo. Pẹlupẹlu, o ṣe atilẹyin iṣakoso irọrun ti awọn iwe ohun elo, ati pupọ diẹ sii.

Ninu àpilẹkọ yii, a yoo fihan ọ bi o ṣe le ṣiṣe awọn ohun elo Angular ni lilo Angular CLI ati oluṣakoso ilana PM2 Node.js. Eyi n gba ọ laaye lati ṣiṣẹ ohun elo rẹ nigbagbogbo lakoko idagbasoke.

O gbọdọ ni awọn idii wọnyi ti o fi sii lori olupin rẹ lati tẹsiwaju:

Node.js ati NPM
CLI angula
PM2

Akiyesi: Ti o ba ti ni Node.js ati NPM tẹlẹ sori ẹrọ Linux rẹ, fo si Igbese 2.

Igbesẹ 1: Fifi Node.js sinu Linux

Lati fi ẹya tuntun ti Node.js sori ẹrọ, kọkọ fi ibi ipamọ NodeSource sori ẹrọ rẹ bi o ti han ati fi package sii. Maṣe gbagbe lati ṣiṣe aṣẹ to tọ fun ẹya Node.js ti o fẹ fi sori ẹrọ lori pinpin Linux rẹ.

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

Yato si, tun fi awọn irinṣẹ idagbasoke sori ẹrọ rẹ ki o le ṣajọ ati fi awọn afikun abinibi lati NPM sii.

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

Lọgan ti o ba ti fi sii Node.js ati NPM, o le ṣayẹwo awọn ẹya wọn nipa lilo awọn ofin wọnyi.

$ node -v
$ npm -v

Igbese 2: Fifi angula CLI ati PM2

Nigbamii, fi sori ẹrọ Angular CLI ati PM2 ni lilo oluṣakoso package npm bi o ti han. Ninu awọn ofin wọnyi, aṣayan -g tumọ si lati fi awọn idii sii ni agbaye - lilo nipasẹ gbogbo awọn olumulo eto.

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

Igbesẹ 3: Ṣiṣẹda Iṣẹ-igun kan Lilo Angular CLI

Bayi gbe sinu itọsọna webroot ti olupin rẹ, lẹhinna ṣẹda, kọ, ati ṣe iranṣẹ fun ohun elo angula rẹ (ti a pe ni sysmon-app , rọpo eyi pẹlu orukọ ohun elo rẹ) ni lilo CLular Angular.

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

Nigbamii, gbe si ohun elo naa (ọna kikun ni /srv/www/htdocs/sysmon-app ) itọsọna eyiti o ṣẹṣẹ ṣẹda ati ṣe iṣẹ fun ohun elo bi o ti han.

$ cd sysmon-app
$ sudo ng serve

Lati iṣẹjade ti ng sin aṣẹ, o le rii pe ohun elo Angular ko nṣiṣẹ ni abẹlẹ, o ko le wọle si aṣẹ aṣẹ mọ. Nitorinaa o ko le ṣe eyikeyi awọn ofin miiran lakoko ti o nṣiṣẹ.

Nitorinaa, o nilo oluṣakoso ilana lati ṣakoso ati ṣakoso ohun elo naa: ṣiṣe rẹ ni igbagbogbo (lailai) ati tun jẹ ki o bẹrẹ-adaṣe ni bata eto bi a ti ṣalaye ninu abala ti n bọ.

Ṣaaju ki o to lọ si apakan ti o tẹle, fopin si ilana naa nipa titẹ [Ctl + C] lati ṣe igbasilẹ aṣẹ ni ọfẹ.

Igbesẹ 4: Ṣiṣe Ṣiṣe Aṣeṣe Angulu Lailai Lilo PM2

Lati jẹ ki ohun elo tuntun rẹ ṣiṣẹ ni abẹlẹ, ṣe itusilẹ aṣẹ aṣẹ, lo PM2 lati ṣe iranṣẹ rẹ, bi o ti han. PM2 tun ṣe iranlọwọ awọn iṣẹ ṣiṣe iṣakoso eto wọpọ gẹgẹbi tun bẹrẹ lori ikuna, diduro, tunto awọn atunto laisi akoko isinmi, ati pupọ diẹ sii.

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

Nigbamii, lati wọle si wiwo wẹẹbu ohun elo rẹ, ṣii ẹrọ lilọ kiri ayelujara kan ki o lilö kiri ni lilo adirẹsi http:// localhost: 4200 bi o ṣe han ninu sikirinifoto atẹle.

Oju-iwe akọọkan CLI angula: https://angular.io/cli
Oju-iwe PM2: http://pm2.keymetrics.io/

Ninu itọsọna yii, a ti fihan bi a ṣe le ṣiṣe awọn ohun elo Angular ni lilo Angular CLI ati oluṣakoso ilana PM2. Ti o ba ni awọn imọran afikun lati pin tabi awọn ibeere, de ọdọ wa nipasẹ fọọmu esi ni isalẹ.