Jak tworzyć i uruchamiać aplikacje Angular przy użyciu Angular CLI i PM2
Angular CLI to interfejs wiersza poleceń dla środowiska Angular, który służy do tworzenia, kompilowania i lokalnego uruchamiania aplikacji podczas programowania.
Jest przeznaczony do budowania i testowania projektu Angular na serwerze deweloperskim. Jeśli jednak chcesz uruchamiać/utrzymywać aplikacje w środowisku produkcyjnym na zawsze, potrzebujesz menedżera procesów Node.js, takiego jak PM2.
PM2 to popularny, zaawansowany i bogaty w funkcje menedżer procesów produkcyjnych dla aplikacji Node.js z wbudowanym modułem równoważenia obciążenia.
Zestaw funkcji obejmuje obsługę monitorowania aplikacji, efektywne zarządzanie mikrousługami/procesami, uruchamianie aplikacji w trybie klastra oraz płynne ponowne uruchamianie i zamykanie aplikacji. Obsługuje także łatwe zarządzanie dziennikami aplikacji i wiele więcej.
W tym artykule pokażemy, jak uruchomić aplikacje Angular przy użyciu Angular CLI i menedżera procesów PM2 Node.js. Umożliwia to ciągłe uruchamianie aplikacji podczas jej tworzenia.
Wymagania
Aby kontynuować, musisz mieć zainstalowane następujące pakiety na serwerze:
- Node.js i NPM
- Angularowy interfejs wiersza polecenia
- PM2
Uwaga: jeśli masz już zainstalowane Node.js i NPM w swoim systemie Linux, przejdź do Krok 2.
Krok 1: Instalacja Node.js w systemie Linux
Aby zainstalować najnowszą wersję Node.js, najpierw dodaj repozytorium NodeSource do swojego systemu, jak pokazano, i zainstaluj pakiet. Nie zapomnij uruchomić odpowiedniego polecenia dla wersji Node.js, którą chcesz zainstalować w swojej dystrybucji Linuksa.
Zainstaluj 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
Zainstaluj Node.js na Debianie
------------- 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
Zainstaluj Node.js w dystrybucjach opartych 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
Poza tym zainstaluj także narzędzia programistyczne w swoim systemie, aby móc kompilować i instalować natywne dodatki 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]
Po zainstalowaniu Node.js i NPM możesz sprawdzić ich wersje za pomocą poniższych poleceń.
node -v
npm -v
Krok 2: Instalacja Angular CLI i PM2
Następnie zainstaluj Angular CLI i PM2 za pomocą menedżera pakietów npm, jak pokazano. W poniższych poleceniach opcja -g oznacza instalację pakietów globalnie – z której mogą korzystać wszyscy użytkownicy systemu.
sudo npm install -g @angular/cli #install Angular CLI
sudo npm install -g pm2 #install PM2
Krok 3: Tworzenie projektu Angular za pomocą Angular CLI
Teraz przejdź do katalogu webroot na swoim serwerze, a następnie utwórz, zbuduj i udostępnij swoją aplikację Angular (nazywaną sysmon-app, zamień ją na nazwę swojej aplikacji) za pomocą Angularowy interfejs wiersza polecenia.
cd /srv/www/htdocs/
sudo ng new sysmon-app #follow the prompts
Następnie przejdź do katalogu aplikacji (pełna ścieżka to /srv/www/htdocs/sysmon-app), który właśnie został utworzony i obsługuje aplikację, jak pokazano.
cd sysmon-app
sudo ng serve
Z wyniku polecenia ngserver wynika, że aplikacja Angular nie działa w tle i nie można już uzyskać dostępu do wiersza poleceń. Dlatego nie można wykonywać żadnych innych poleceń podczas jego działania.
Potrzebujesz więc menedżera procesów do kontrolowania i zarządzania aplikacją: uruchamiaj ją w sposób ciągły (na zawsze), a także włącz automatyczne uruchamianie przy starcie systemu, jak wyjaśniono w następnej sekcji.
Zanim przejdziesz do następnej sekcji, zakończ proces, naciskając [Ctl + C], aby zwolnić wiersz poleceń.
Krok 4: Uruchamianie projektu Angular na zawsze przy użyciu PM2
Aby nowa aplikacja działała w tle, zwalniając wiersz poleceń, użyj PM2 do jej obsługi, jak pokazano. PM2 pomaga także w typowych zadaniach administracyjnych systemu, takich jak ponowne uruchamianie w przypadku awarii, zatrzymywanie i ponowne ładowanie konfiguracji bez przestojów i wiele więcej.
pm2 start "ng serve" --name sysmon-app
Następnie, aby uzyskać dostęp do interfejsu internetowego aplikacji, otwórz przeglądarkę i nawiguj przy użyciu adresu http://localhost:4200, jak pokazano na poniższym zrzucie ekranu.
W tym przewodniku pokazaliśmy, jak uruchamiać aplikacje Angular przy użyciu Angular CLI i menedżera procesów PM2. Jeśli masz dodatkowe pomysły lub pytania, którymi chcesz się podzielić, skontaktuj się z nami za pomocą poniższego formularza opinii.