Angular alkalmazások létrehozása és futtatása Angular CLI és PM2 használatával
Az Angular CLI egy parancssori felület az Angular keretrendszerhez, amely az alkalmazás létrehozására, felépítésére és helyi futtatására szolgál fejlesztés közben.
Úgy tervezték, hogy egy Angular projektet készítsen és teszteljen egy fejlesztői szerveren. Ha azonban örökké éles környezetben szeretné futtatni/életben tartani alkalmazásait, szüksége van egy Node.js folyamatkezelőre, például a PM2-re.
A PM2 egy népszerű, fejlett és funkciókban gazdag gyártási folyamatkezelő a Node.js alkalmazásokhoz, beépített terheléselosztóval.
Funkciókészlete tartalmazza az alkalmazások figyelésének támogatását, a mikroszolgáltatások/folyamatok hatékony kezelését, az alkalmazásfürt mód futtatását, valamint az alkalmazások kecses újraindítását és leállítását. Ezenkívül támogatja az alkalmazásnaplók egyszerű kezelését és még sok mást.
Ebben a cikkben bemutatjuk, hogyan futtathat Angular alkalmazásokat az Angular CLI és a PM2 Node.js folyamatkezelő használatával. Ez lehetővé teszi az alkalmazás folyamatos futtatását a fejlesztés során.
Követelmények
A folytatáshoz a következő csomagokat kell telepítenie a szerverére:
- Node.js és NPM
- Szögletes CLI
- PM2
Megjegyzés: Ha már telepítve van a Node.js és az NPM a Linux rendszerére, ugorjon a következőre: 2. lépés.
1. lépés: A Node.js telepítése Linux alatt
A Node.js legújabb verziójának telepítéséhez először adja hozzá a NodeSource tárolót a rendszeréhez az ábra szerint, és telepítse a csomagot. Ne felejtse el futtatni a megfelelő parancsot a Linux disztribúciójára telepíteni kívánt Node.js verzióhoz.
Telepítse a Node.js-t Ubuntu-ra
------------- 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
Telepítse a Node.js-t Debianra
------------- 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
Telepítse a Node.js-t RHEL-alapú disztribúciókra
------------- 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
Emellett telepítsen fejlesztői eszközöket is a rendszerére, hogy lefordíthassa és telepíthesse a natív kiegészítőket az NPMből.
sudo apt install build-essential [On Debian/Ubuntu]
yum install gcc-c++ make [On CentOS/RHEL]
dnf install gcc-c++ make [On Fedora]
Miután telepítette a Node.js és az NPM fájlt, a következő parancsokkal ellenőrizheti azok verzióját.
node -v
npm -v
2. lépés: Az Angular CLI és a PM2 telepítése
Ezután telepítse az Angular CLI-t és a PM2-t az npm csomagkezelő segítségével, az ábra szerint. A következő parancsokban a -g
opció a csomagok globális telepítését jelenti – minden rendszerfelhasználó számára használható.
sudo npm install -g @angular/cli #install Angular CLI
sudo npm install -g pm2 #install PM2
3. lépés: Szögprojekt létrehozása Angular CLI használatával
Most lépjen be a szervere webroot könyvtárába, majd hozza létre, készítse el és szolgálja ki az Angular alkalmazást (úgynevezett sysmon-app
, cserélje ki az alkalmazás nevére). Szögletes CLI.
cd /srv/www/htdocs/
sudo ng new sysmon-app #follow the prompts
Ezután lépjen be az alkalmazás (a teljes elérési út: /srv/www/htdocs/sysmon-app
) könyvtárba, amely éppen most jött létre, és a képen látható módon szolgálja ki az alkalmazást.
cd sysmon-app
sudo ng serve
Az ng serve parancs kimenetéből láthatja, hogy az Angular alkalmazás nem fut a háttérben, többé nem fér hozzá a parancssorhoz. Ezért nem hajthat végre más parancsokat futás közben.
Tehát szükség van egy folyamatkezelőre az alkalmazás vezérléséhez és kezeléséhez: futtassa folyamatosan (örökké), és engedélyezze a rendszerindításkor történő automatikus indítást, a következő részben leírtak szerint.
Mielőtt a következő szakaszra lépne, fejezze be a folyamatot a [Ctl + C]
lenyomásával a parancssor felszabadításához.
4. lépés: Az Angular Project forever futtatása PM2 használatával
Ha az új alkalmazást a háttérben szeretné futtatni, felszabadítva a parancssort, használja a PM2 szolgáltatást az ábrán látható módon. A PM2 az olyan gyakori rendszeradminisztrációs feladatokat is segíti, mint például az újraindítás hiba esetén, a konfigurációk leállítása és újratöltése állásidő nélkül, és még sok más.
pm2 start "ng serve" --name sysmon-app
Ezután az alkalmazás webes felületének eléréséhez nyisson meg egy böngészőt, és navigáljon a http://localhost:4200
cím használatával, ahogy az a következő képernyőképen látható.
Ebben az útmutatóban bemutattuk, hogyan futtathat Angular alkalmazásokat az Angular CLI és a PM2 folyamatkezelő használatával. Ha további ötletei vannak, vagy kérdései vannak, lépjen kapcsolatba velünk az alábbi visszajelzési űrlapon keresztül.