Kif Tmexxi l-Apps Angolari billi tuża Angular CLI u PM2

Angular CLI hija interface tal-linja tal-kmand għall-qafas Angular, li tintuża biex toħloq, tibni u tħaddem l-applikazzjoni tiegħek lokalment waqt li tkun qed tiżviluppa.

Hija mfassla biex tibni u tittestja proġett Angular fuq server ta 'żvilupp. Madankollu, jekk trid tħaddem/iżżomm l-applikazzjonijiet tiegħek ħajjin għal dejjem fil-produzzjoni, għandek bżonn PM2.

PM2 huwa maniġer tal-proċess ta 'produzzjoni popolari, avvanzat u b'ħafna karatteristiċi għall-applikazzjonijiet Node.js b'balancer tat-tagħbija integrat. Is-sett tal-karatteristiċi tiegħu jinkludi appoġġ għall-monitoraġġ tal-applikazzjoni, ġestjoni effiċjenti ta 'mikro-servizzi/proċessi, tħaddim tal-modalità cluster tal-applikazzjonijiet, u bidu mill-ġdid u għeluq graceful tal-applikazzjonijiet. Barra minn hekk, isostni ġestjoni faċli tar-zkuk tal-applikazzjoni, u ħafna aktar.

F'dan l-artikolu, aħna ser nuruk kif tħaddem applikazzjonijiet Angular billi tuża Angular CLI u PM2 Node.js process manager. Dan jippermettilek tmexxi l-applikazzjoni tiegħek kontinwament waqt l-iżvilupp.

Irid ikollok il-pakketti li ġejjin installati fuq is-server tiegħek biex tipproċedi:

  1. Node.js u NPM
  2. CLI angolari
  3. PM2

Nota: Jekk diġà għandek Node.js u NPM installati fis-sistema Linux tiegħek, aqbeż għall-Pass 2.

Pass 1: Installazzjoni ta 'Node.js fil-Linux

Biex tinstalla l-aħħar verżjoni ta 'Node.js, l-ewwel żid ir-repożitorju ta' NodeSource fis-sistema tiegħek kif muri u installa l-pakkett. Tinsiex tħaddem il-kmand korrett għall-verżjoni Node.js li trid tinstalla fuq id-distribuzzjoni tal-Linux tiegħek.

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

Barra minn hekk, installa wkoll għodod ta 'żvilupp fis-sistema tiegħek sabiex tkun tista' tiġbor u tinstalla addons indiġeni minn NPM.

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

Ladarba jkollok Node.js u NPM installati, tista 'tiċċekkja l-verżjonijiet tagħhom billi tuża l-kmandi li ġejjin.

$ node -v
$ npm -v

Pass 2: Installazzjoni Angular CLI u PM2

Sussegwentement, installa Angular CLI u PM2 billi tuża l-maniġer tal-pakkett npm kif muri. Fil-kmandi li ġejjin, l-għażla -g tfisser li tinstalla l-pakketti globalment – li jistgħu jintużaw mill-utenti kollha tas-sistema.

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

Pass 3: Ħolqien ta 'Proġett Angolari Bl-użu ta' CLI Angolari

Issa mur fid-direttorju webroot tas-server tiegħek, imbagħad oħloq, ibni, u sservi l-app Angular tiegħek (imsejħa sysmon-app, ibdel dan bl-isem tal-app tiegħek) billi tuża Angular CLI.

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

Sussegwentement, imxi fid-direttorju tal-applikazzjoni (il-passaġġ sħiħ huwa /srv/www/htdocs/sysmon-app) li għadu kif inħoloq u jservi l-applikazzjoni kif muri.

$ cd sysmon-app
$ sudo ng serve

Mill-output tal-kmand ng serve, tista 'tara li l-app Angular mhix qed taħdem fl-isfond, ma tistax taċċessa l-pront tal-kmand aktar. Għalhekk ma tistax tesegwixxi xi kmandi oħra waqt li tkun qed taħdem.

Għalhekk, għandek bżonn maniġer tal-proċess biex jikkontrolla u jimmaniġġja l-applikazzjoni: mexxiha kontinwament (għal dejjem) u wkoll tippermettilha li tibda awtomatikament fil-boot tas-sistema kif spjegat fit-taqsima li jmiss.

Qabel ma tmur għat-taqsima li jmiss, ittemm il-proċess billi tagħfas [Ctl + C] biex tillibera l-pront tal-kmand.

Pass 4: Tmexxi Proġett Angolari għal Dejjem Bl-użu tal-PM2

Biex tagħmel l-applikazzjoni l-ġdida tiegħek taħdem fl-isfond, tillibera l-pront tal-kmand, uża PM2 biex taqdiha, kif muri. PM2 jgħin ukoll kompiti komuni ta 'amministrazzjoni tas-sistema bħall-istartjar mill-ġdid mal-falliment, il-waqfien, it-tagħbija mill-ġdid tal-konfigurazzjonijiet mingħajr waqfien, u ħafna aktar.

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

Sussegwentement, biex taċċessa l-interface tal-web tal-applikazzjoni tiegħek, iftaħ browser u naviga billi tuża l-indirizz http://localhost:4200 kif muri fil-screenshot li ġej.

Il-Homepage Angular CLI: https://angular.io/cli
Homepage PM2: http://pm2.keymetrics.io/

F'din il-gwida, urejna kif tħaddem applikazzjonijiet Angulari bl-użu ta 'Angular CLI u maniġer tal-proċess PM2. Jekk għandek xi ideat addizzjonali x'taqsam jew mistoqsijiet, ikkuntattjana permezz tal-formola ta' feedback hawn taħt.