Vyhledávání na webu

Jak vytvářet a spouštět aplikace Angular pomocí Angular CLI a PM2

Angular CLI je rozhraní příkazového řádku pro framework Angular, které se používá k vytváření, sestavování a spouštění vaší aplikace lokálně při vývoji.

Je určen k sestavení a testování projektu Angular na vývojovém serveru. Pokud však chcete své aplikace provozovat/udržovat navždy při životě v produkci, potřebujete správce procesů Node.js, jako je PM2.

PM2 je oblíbený, pokročilý a na funkce bohatý správce výrobních procesů pro aplikace Node.js s vestavěným nástrojem pro vyrovnávání zatížení.

Jeho sada funkcí zahrnuje podporu pro monitorování aplikací, efektivní správu mikroslužeb/procesů, režim clusteru spuštěných aplikací a elegantní restartování a vypínání aplikací. Podporuje také snadnou správu aplikačních protokolů a mnoho dalšího.

V tomto článku vám ukážeme, jak spouštět aplikace Angular pomocí správce procesů Angular CLI a PM2 Node.js. To vám umožní spouštět vaši aplikaci nepřetržitě během vývoje.

Požadavky

Abyste mohli pokračovat, musíte mít na svém serveru nainstalovány následující balíčky:

  • Node.js a NPM
  • Úhlové CLI
  • PM2

Poznámka: Pokud již máte v systému Linux nainstalované Node.js a NPM, přejděte na Krok 2.

Krok 1: Instalace Node.js v Linuxu

Chcete-li nainstalovat nejnovější verzi Node.js, nejprve přidejte do systému úložiště NodeSource, jak je znázorněno, a nainstalujte balíček. Nezapomeňte spustit správný příkaz pro verzi Node.js, kterou chcete nainstalovat do své distribuce Linuxu.

Nainstalujte Node.js na Ubuntu

------------- For Node.js v19.x ------------- 
curl -fsSL https://deb.nodesource.com/setup_19.x | sudo -E bash - &&\
sudo apt-get install -y nodejs

------------- For Node.js v18.x -------------
curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash - &&\
sudo apt-get install -y nodejs

------------- For Node.js v16.x -------------
curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash - &&\
sudo apt-get install -y nodejs

------------- For Node.js v14.x -------------
curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash - &&\
sudo apt-get install -y nodejs

Nainstalujte Node.js na Debian

------------- For Node.js v19.x ------------- 
curl -fsSL https://deb.nodesource.com/setup_19.x | bash - &&\
sudo apt-get install -y nodejs

------------- For Node.js v18.x ------------- 
curl -fsSL https://deb.nodesource.com/setup_18.x | bash - &&\
sudo apt-get install -y nodejs

------------- For Node.js v16.x ------------- 
curl -fsSL https://deb.nodesource.com/setup_16.x | bash - &&\
sudo apt-get install -y nodejs

------------- For Node.js v14.x ------------- 
curl -fsSL https://deb.nodesource.com/setup_14.x | bash - &&\
sudo apt-get install -y nodejs

Nainstalujte Node.js na distribuce založené na RHEL

------------- For Node.js v19.x ------------- 
curl -fsSL https://rpm.nodesource.com/setup_19.x | sudo bash -
sudo yum install -y nodejs

------------- For Node.js v18.x ------------- 
curl -fsSL https://rpm.nodesource.com/setup_18.x | sudo bash -
sudo yum install -y nodejs

------------- For Node.js v16.x ------------- 
curl -fsSL https://rpm.nodesource.com/setup_16.x | sudo bash -
sudo yum install -y nodejs

------------- For Node.js v14.x ------------- 
curl -fsSL https://rpm.nodesource.com/setup_14.x | sudo bash -
sudo yum install -y nodejs

Kromě toho také nainstalujte do systému vývojové nástroje, abyste mohli kompilovat a instalovat nativní doplňky z NPM.

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

Jakmile budete mít nainstalované Node.js a NPM, můžete zkontrolovat jejich verze pomocí následujících příkazů.

node -v
npm -v

Krok 2: Instalace Angular CLI a PM2

Dále nainstalujte Angular CLI a PM2 pomocí správce balíčků npm podle obrázku. V následujících příkazech volba -g znamená nainstalovat balíčky globálně – použitelné pro všechny uživatele systému.

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

Krok 3: Vytvoření úhlového projektu pomocí Angular CLI

Nyní se přesuňte do adresáře webroot vašeho serveru, poté vytvořte, sestavte a poskytujte aplikaci Angular (nazývanou sysmon-app, nahraďte ji názvem vaší aplikace) pomocí Úhlové CLI.

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

Dále se přesuňte do adresáře aplikace (úplná cesta je /srv/www/htdocs/sysmon-app), který byl právě vytvořen, a slouží aplikaci, jak je znázorněno.

cd sysmon-app
sudo ng serve

Z výstupu příkazu ng serve můžete vidět, že aplikace Angular neběží na pozadí, takže již nemáte přístup k příkazovému řádku. Za běhu tedy nemůžete provádět žádné další příkazy.

K řízení a správě aplikace tedy potřebujete správce procesů: spouštějte ji nepřetržitě (navždy) a také jí povolte automatické spouštění při spouštění systému, jak je vysvětleno v další části.

Než přejdete k další části, ukončete proces stisknutím [Ctl + C], čímž uvolníte příkazový řádek.

Krok 4: Spuštění Angular Project navždy pomocí PM2

Chcete-li, aby vaše nová aplikace běžela na pozadí, čímž se uvolní příkazový řádek, použijte k jejímu spuštění PM2, jak je znázorněno na obrázku. PM2 také pomáhá běžným úlohám správy systému, jako je restartování při selhání, zastavení a opětovné načtení konfigurací bez prostojů a mnoho dalšího.

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

Dále pro přístup k webovému rozhraní aplikace otevřete prohlížeč a přejděte pomocí adresy http://localhost:4200, jak je znázorněno na následujícím snímku obrazovky.

V této příručce jsme si ukázali, jak spouštět aplikace Angular pomocí správce procesů Angular CLI a PM2. Pokud máte nějaké další nápady, které byste mohli sdílet, nebo dotazy, kontaktujte nás prostřednictvím formuláře pro zpětnou vazbu níže.