איך להפעיל אפליקציות Angular באמצעות Angular CLI ו-PM2

Angular CLI הוא ממשק שורת פקודה עבור מסגרת Angular, המשמש ליצירה, בנייה והרצת היישום שלך באופן מקומי במהלך הפיתוח.

זה מיועד לבנייה ובדיקת פרויקט Angular על שרת פיתוח. אם תרצה להריץ או לשמור על היישומים שלך חיים לנצח בייצור, יש צורך במנהל תהליך Node.js כמו PM2.

PM2 הוא מנהל תהליך לייצור פופולרי, מתקדם ועשיר בתכונות עבור יישומי Node.js עם מאזין עומס מובנה.

יש בו תמיכה במעקב אחר היישום, ניהול יעיל של שירותים/תהליכים מיקרו, הרצת היישומים במצב אשכול, ואיפוס חכם וכיבוי של היישומים. כמו כן, הוא תומך בניהול קל של לוגים של היישום, ועוד הרבה יותר.

במאמר זה, נדגים כיצד להריץ את היישומים של Angular באמצעות Angular CLI ומנהל תהליך PM2 Node.js. זה מאפשר לך להריץ את היישום שלך באופן רציף במהלך הפיתוח.

דרישות

עליך להתקין את החבילות הבאות על השרת שלך כדי להמשיך:

הערה: אם כבר התקנת את Node.js ואת NPM במערכת ה-Linux שלך, עבור ל-שלב 2.

שלב 1: התקנת Node.js ב-Linux

כדי להתקין את הגרסה האחרונה של Node.js, תחילה הוסף את גורם ה-NodeSource repository למערכת שלך כפי שמוצג והתקן את החבילה. אל תשכח להריץ את הפקודה הנכונה עבור גרסת Node.js שברצונך להתקין בהפצת ה-Linux שלך.

התקן את Node.js על 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

התקן את Node.js על 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

התקן את Node.js על הפצות עם מערכת 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

בנוסף, התקן כלי פיתוח במערכת שלך כך שתוכל לקמפל ולהתקין תוספים טבעיים מ-NPM.

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

כאשר יש לך Node.js ו-NPM מותקנים, תוכל לבדוק את גרסתם באמצעות הפקודות הבאות.

$ node -v
$ npm -v

שלב 2: התקנת Angular CLI ו-PM2

הבא להתקין Angular CLI ו־PM2 באמצעות מנהל החבילות npm כפי שמוצג. בפקודות הבאות, אפשרות -g משמעותה להתקין את החבילות באופן גלובלי – נגיש לכל משתמשי המערכת.

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

שלב 3: יצירת פרוייקט Angular באמצעות Angular CLI

כעת עבור אל תיקיית webroot של השרת שלך, לאחר מכן צור, בנה ושירת את האפליקציה שלך ב־Angular (נקראת sysmon-app, החלף זאת בשם האפליקציה שלך) באמצעות Angular CLI.

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

לאחר מכן, עבור אל תיקיית היישום (הנתיב המלא הוא /srv/www/htdocs/sysmon-app) שנוצרה ושרת את היישום כפי שמוצג.

$ cd sysmon-app
$ sudo ng serve

מתוך פלט הפקודה של פקודת ng serve, ניתן לראות כי האפליקציה של Angular אינה רצה ברקע, ובכך אין אפשרות לגשת למסוף הפקודות יותר. לכן, אין אפשרות לבצע פקודות אחרות בזמן הריצה שלה.

לכן, נדרש מנהל תהליך לשליטה וניהול של האפליקציה: להריץ אותה באופן רציף (לעד) וגם לאפשר לה להתחיל אוטומטית בעת אתחול המערכת כפי שמוסבר בחלק הבא.

לפני שתעבור לחלק הבא, סיים את התהליך על ידי לחיצה על [Ctl + C] כדי לשחרר את מסוף הפקודות.

שלב 4: הרצת פרויקט Angular לעד על ידי PM2

כדי להפעיל את היישום החדש שלך ברקע ולשחרר את מסוף הפקודות, השתמש ב־PM2 כדי לשרת אותו, כפי שמוצג. PM2 מסייע גם במשימות ניהול המערכת הנפוצות כמו התחלה מחדש במקרה של כשל, עצירה וטעינת הגדרות מחדש בלי זמן עצירה, ועוד הרבה יותר.

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

בכדי לגשת לממשק האינטרנט של היישום שלך, פתח דפדפן ונווט באמצעות הכתובת http://localhost:4200 כפי שמוצג בתמונת המסך הבאה.

במדריך זה, הצגנו כיצד להריץ אפליקציות Angular באמצעות Angular CLI ומנהל התהליכים PM2. אם יש לך רעיונות נוספים לשיתוף או שאלות, ניתן ליצור איתנו קשר דרך טופס המשוב למטה.