תרגיל - הפעלת קוד איתור באגים

הושלם

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

בתרגיל זה, תיצור פרוייקט צומת בסיסי ותפעיל ותאתר באגים בקוד הפרוייקט, כל זאת תוך כדי חיבור באמצעות SSH.

יצירה והפעלה של יישום Node.js חדש

כדי ליצור ולהפעיל את Node.js שלך, יהיה עליך להפעיל סידרה של פקודות במסוף.

1. פתח מסוף חדש על-ידי בחירה באפשרות מסוף>חדש בשורת המשימות. מהטרמינל, הפעל את הפקודות הבאות כדי לעדכן את החבילות ב- Linux VM שלך ולהתקין Node.js:

   sudo apt-get update
   

   curl -sL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
   

   sudo apt-get install nodejs -y
   

2. הפעל את הפקודה הבאה כדי להתקין את המחולל Express:

   sudo npm install -g express-generator
   

3. הפעל את הפקודה הבאה כדי ליצור יישום Express חדש בשם myExpressApp:

   express myExpressApp --view pug
   

4. פתח את קבצי היישום על-ידי בחירה באפשרות פתח תיקיה בתצוגת הסייר. בחר myExpressApp ברשימה הנפתחת כדי לפתוח את התיקיה בחלון Visual Studio Code.

   

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

   

6. פתח שוב את הטרמינל והפעל את הפקודה הבאה כדי להתקין את כל התלות של היישום:

   npm install
   

7. הפעל את הפקודה הבאה כדי להפעיל את היישום:

   npm start
   

   היישום יפעל במחשב הווירטואלי שלך http://localhost:3000. השלב הבא יראה לך כיצד לעיין ביישום זה במחשב המקומי שלך.

עיין ביישום

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

1. כאשר האפליקציה עדיין פועלת, הפעל את הפקודה יציאות: התמקדות בתצוגת יציאות בלוח הפקודות.

   

2. בחר בלחצן העבר יציאה .

   

3. ציין יציאה 3000 ולאחר מכן הקש Enter.

   

4. השרת מעביר כעת תעבורה ביציאה 3000 למחשב המקומי שלך; כעת תוכל לגלוש אל http://localhost:3000 כדי לראות את יישום האינטרנט הפועל.

5. בטרמינל, עצור את האפליקציה על ידי לחיצה על Ctrl + C.

ערוך את היישום ואתר בו באגים

באפשרותך להשתמש בתכונות המוכללות של Visual Studio Code כדי לערוך ולאתר באגים ביישום הפועל במחשב המרוחק.

1. בחר את סייר הקבצים בתפריט הימני ב- Visual Studio Code ופתח את קובץ app.js .

2. הגדר נקודת עצירה בשורה 10 של הקובץ על-ידי לחיצה על המרזב משמאל למספר השורה. תראה עיגול אדום מוצג.

   

3. בתצוגה הפעלה ואיתור באגים, בחר הפעל ואיתור באגים. אם תתבקש, בחר Node.js.

   

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

   

5. באפשרותך גם לערוך את הקובץ כפי שהיית עושה אם הקוד היה ממוקם במחשב המקומי שלך. התחל להקליד app., פעולה המפעילה את IntelliSense.

   

Congratulations! הרצת, ערכת וניפת באגים בהצלחה בקוד שהיה קיים רק במחשב המרוחק.