Giunsa Pagdagan ang Angular Apps Gamit ang Angular CLI ug PM2

Ang Angular CLI usa ka command-line interface alang sa Angular framework, nga gigamit sa paghimo, pagtukod ug pagpadagan sa imong aplikasyon sa lokal samtang nag-develop.

Gidisenyo kini sa pagtukod ug pagsulay sa usa ka Angular nga proyekto sa usa ka development server. Bisan pa, kung gusto nimo nga modagan/ipadayon ang imong mga aplikasyon nga buhi hangtod sa hangtod sa produksiyon, kinahanglan nimo ang usa ka PM2.

Ang PM2 kay sikat, abante ug puno sa feature nga production process manager para sa mga aplikasyon sa Node.js nga adunay built-in nga load balancer. Ang feature set niini naglakip sa suporta alang sa pagmonitor sa aplikasyon, episyente nga pagdumala sa micro-services/processes, running applications cluster mode, ug graceful restart ug shutdown sa mga aplikasyon. Ingon usab, gisuportahan niini ang dali nga pagdumala sa mga log sa aplikasyon, ug daghan pa.

Niini nga artikulo, ipakita namo kanimo kung unsaon pagpadagan ang Angular nga mga aplikasyon gamit ang Angular CLI ug PM2 Node.js process manager. Gitugotan ka niini nga magpadayon ang imong aplikasyon sa panahon sa pag-uswag.

Kinahanglan nimo nga adunay mga mosunod nga mga pakete nga na-install sa imong server aron makapadayon:

Node.js ug NPM
Angular CLI
PM2

Mubo nga sulat: Kung na-install na nimo ang Node.js ug NPM sa imong Linux system, ambak sa Lakang 2.

Lakang 1: Pag-instalar sa Node.js sa Linux

Aron ma-install ang pinakabag-o nga bersyon sa Node.js, idugang una ang NodeSource repository sa imong sistema sama sa gipakita ug i-install ang package. Ayaw kalimti ang pagpadagan sa husto nga sugo alang sa Node.js nga bersyon nga gusto nimong i-install sa imong distribusyon sa Linux.

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

Gawas pa, i-install usab ang mga himan sa pag-uswag sa imong sistema aron mahimo nimong ma-compile ug ma-install ang mga lumad nga addon gikan sa NPM.

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

Kung na-install na nimo ang Node.js ug NPM, mahimo nimong susihon ang ilang mga bersyon gamit ang mosunod nga mga mando.

$ node -v
$ npm -v

Lakang 2: Pag-instalar sa Angular CLI ug PM2

Sunod, i-install ang Angular CLI ug PM2 gamit ang npm package manager sama sa gipakita. Sa mosunod nga mga sugo, ang -g nga opsyon nagpasabot sa pag-instalar sa mga pakete sa tibuok kalibutan – magamit sa tanang tiggamit sa sistema.

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

Lakang 3: Paghimo og Angular Project Gamit ang Angular CLI

Karon mobalhin ngadto sa webroot nga direktoryo sa imong server, dayon paghimo, paghimo, ug pag-alagad sa imong Angular app (gitawag ug sysmon-app, pulihan kini sa ngalan sa imong app) gamit ang Angular CLI.

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

Sunod, balhin ngadto sa aplikasyon (ang bug-os nga agianan mao ang /srv/www/htdocs/sysmon-app) nga direktoryo nga bag-o lang gibuhat ug nagsilbi sa aplikasyon sama sa gipakita.

$ cd sysmon-app
$ sudo ng serve

Gikan sa output sa ng serve command, imong makita nga ang Angular app wala nagdagan sa background, dili na nimo ma-access ang command prompt. Busa dili nimo mahimo ang bisan unsang ubang mga mando samtang kini nagdagan.

Mao nga, kinahanglan nimo ang usa ka manager sa proseso aron makontrol ug madumala ang aplikasyon: padaganon kini nga padayon (hangtod sa kahangturan) ug mahimo usab kini nga awtomatikong magsugod sa boot sa sistema sama sa gipatin-aw sa sunod nga seksyon.

Sa dili ka pa moadto sa sunod nga seksyon, tapuson ang proseso pinaagi sa pagpindot sa [Ctl + C] aron mapagawas ang command prompt.

Lakang 4: Pagpadagan sa Angular Project Forever Gamit ang PM2

Aron mapadagan ang imong bag-ong aplikasyon sa background, ipagawas ang command prompt, gamita ang PM2 aron i-serve kini, ingon sa gipakita. Nagtabang usab ang PM2 sa kasagaran nga mga buluhaton sa pagdumala sa sistema sama sa pagsugod pag-usab sa kapakyasan, paghunong, pag-reload sa mga pag-configure nga wala’y downtime, ug daghan pa.

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

Sunod, aron ma-access ang web interface sa imong aplikasyon, pag-abli og browser ug pag-navigate gamit ang adres http://localhost:4200 ingon sa gipakita sa mosunod nga screenshot.

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

Sa kini nga giya, gipakita namon kung giunsa pagpadagan ang mga aplikasyon sa Angular gamit ang Angular CLI ug manager sa proseso sa PM2. Kung naa kay dugang nga mga ideya nga ipaambit o mga pangutana, kontaka kami pinaagi sa porma sa feedback sa ubos.