PracticU

התקנת Northwind אוטומטית דרך npm

בלי כתוביותעם כתוביות
PracticU › קורס ריאקט - React › התקנת Northwind אוטומטית דרך npm
מילון מושגים:
Northwind - מסד נתונים לדוגמה של מיקרוסופט, המדמה חברת מסחר ומשמש ללימוד ולהדגמת שאילתות SQL.
npm - מנהל החבילות של Node.js, המשמש להתקנה ולניהול ספריות JavaScript בפרויקט.
שורת פקודה - ממשק טקסטואלי שבו מקלידים פקודות למערכת ההפעלה ומקבלים תגובה בטקסט, במקום להשתמש בעכבר.
CMD - שורת הפקודה הקלאסית של Windows (Command Prompt), להרצת פקודות ותוכניות בממשק טקסטואלי.
חבילה - אוסף ארוז של קוד, ספריות או קבצים המופץ כיחידה אחת ומותקן בעזרת מנהל חבילות.
דפדפן - תוכנה שמציגה דפי אינטרנט ומריצה את הקוד שבהם, ומאפשרת לגלוש בין אתרים, למשל Chrome או Firefox.
JSON - פורמט טקסט קריא לייצוג נתונים מובְנים כזוגות מפתח-ערך, נפוץ להחלפת מידע בין שרת ללקוח.
Localhost - שם המפנה למחשב המקומי עצמו (כתובת 127.0.0.1), המשמש לבדיקת שירותים הרצים על אותו מחשב.

התקנת Northwind אוטומטית דרך npm
בהרצאה מתקינים שרת מקומי שמחצין את הנתונים של חברת Northwind, כך שאפשר לפתח מולו כאילו הוא שרת מרוחק.
השלבים העיקריים
1. התקנה גלובלית: פותחים Command Line (מחפשים CMD) ומתקינים דרך NPM עם -g, כלומר התקנה גלובלית במחשב. החבילה נקראת Northwind Back.
2. הרצת השרת: פותחים Command Line מחדש וכותבים Northwind. השרת עולה ומדפיס את כל הנתיבים שבהם הוא חושף מידע: מוצרים, עובדים, קטגוריות, צור קשר, הרשמה (New User) והתחברות (Login).
3. בדיקה בדפדפן: מעתיקים את הכתובת של Products וגולשים אליה, ורואים JSON עם כל המידע. הכתובת היא localhost על פורט 3030.
4. השרת חייב לרוץ: אם סוגרים אותו עם Ctrl+C, הגלישה לכתובת נכשלת. הרצה מחדש מחזירה את המידע.
5. דרך נוספת להרצה: כותבים Northwind ישירות בשורת הכתובת של התיקייה ולוחצים Enter. זה פותח Command Line ומריץ את הפקודה בבת אחת.
פקודות והגדרות
- התקנה: npm i -g ואחריו שם החבילה Northwind Back
- הרצה: Northwind
- עצירה: Ctrl+C
בסוף ההרצאה אפשר לגלוש לכתובת העובדים ולראות את העובדים של Northwind, למשל Nancy ו-Andrew. בסרטון הבא יגלשו אל השרת הזה מהאתר שנבנה.
המטרה: יש לכם עכשיו שרת מקומי שמספק נתונים אמיתיים לפרויקט.
השיעור הבא בקורס: יצירת מחלקת מודל - Model Class

פרקי ההרצאה: התקנת Northwind אוטומטית דרך npm

  1. 00:00

    התקנת שרת מקומי למידע

  2. 00:38

    התקנה גלובלית עם npm

  3. 01:19

    הרצת שרת Northwind וחשיפת נתיבים

  4. 02:14

    צפייה ב-JSON ב-localhost

תמלול ההרצאה: התקנת Northwind אוטומטית דרך npm

הטקסט המלא של הדקות הראשונות בהרצאה «התקנת Northwind אוטומטית דרך npm» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

  1. 00:02

    אנחנו הולכים לבצע התקנה של שרת מקומי שמחזיק את המידע הזה ואז אנחנו הולכים להריץ את השרת מקומית אצלנו במחשב אנחנו כבר נראה איך עושים את זה ויש לנו את כל המידע שנחשף כאילו שזה שרת מרוחק בואו נראה איך עושים את זה

  2. 00:25

    מה שאנחנו צריכים לעשות זה להיכנס ולהריץ את ה-Command Line אני מחפש CMD, Enter בקומנדליין אנחנו רוצים לבצע התקנה, יש את ההתקנה הזאת ב-NPM, אנחנו רושמים NPM i, אנחנו חייבים לבצע את ההתקנה הזאתי גלובלית במחשב, אז אם אתם זוכרים גלובלי זה אומר מינוס G, צורך של גלובל,

  3. 00:53

    ומה ההתקנה? ההתקנה נקראת Northwind Back Back & Enter ואנחנו רואים שהוא מתקין, יש לנו פה התקנה של השרת הזה שמכיל את כל המידע שאנחנו צריכים לפחות של Northwind.

  4. 01:19

    אנחנו יכולים עכשיו לצאת, אקזיט, ואנחנו רוצים להריץ את זה. אז בשביל להריץ אנחנו צריכים לגשת ולפתוח Command Line, אני אפתח אותה שוב, ולרשום פשוט Northwind בצורה כזאת.

  5. 01:35

    ואז השרת עולה לאוויר והנה הוא רץ. מה שאנחנו רואים כאן זה שהוא אומר לנו את כל הנתיבים שבהם הוא חושף את המידע האמיתי של חברת Northwind.

  6. 01:48

    לדוגמה, יש לנו כאן את המוצרים, יש לנו כאן את העובדים, יש לנו כאן את הקטגוריות של המוצרים, יש לנו כאן איזה צור קשר שאנחנו יכולים לעלות אליו נתונים, יש לנו כאן אפשרות to register, New User, ויש לנו אפשרות to Login.

  7. 02:06

    בואו נראה מה אנחנו יכולים לעשות עם Products. לקחתי את Products, פשוט אני לוחץ Enter, והעתקתי את הכתובת הזאת. אם אני עכשיו גולש לדפדפן אז אני רואה ג'ייסון של כל המידע.

  8. 02:20

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

  9. 02:37

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

  10. 02:58

    ושיטה נוספת זה פשוט

לקורס המלא: קורס ריאקט אונליין

ההרצאה הקודמת: הסבר על AJAX

ההרצאה הבאה: יצירת מחלקת מודל - Model Class

הרצאות קשורות מקורסים אחרים

  • התקנת Package עם NPM
  • התקנת תוכנות 32 ביט דרך SCCM
  • התקנת וונדוס דרך הרשת - WDS - חלק 1
  • התקנה של SQL עם מסד נתונים Northwind

קורסים נוספים במסלול

  • קורס יסודות HTML - בניית אתר אינטרנט פשוט
  • קורס CSS 3 - בדגש על Flex & Grid
  • קורס Javascript כולל JQuery
  • קורס ג'אווה סקריפט מעשי - JavaScript
  • קורס TypeScript
  • קורס NodeJS