PracticU

טיפול בשגיאות צד שרת בנוד NodeJS

בלי כתוביותעם כתוביות
PracticU › קורס NodeJS › טיפול בשגיאות צד שרת בנוד NodeJS
מילון מושגים:
צד שרת - החלק של היישום שרץ בשרת ואחראי על הלוגיקה, מסדי הנתונים והעיבוד שמאחורי הקלעים.
Node.js - סביבת ריצה שמאפשרת להריץ קוד JavaScript מחוץ לדפדפן, בעיקר בצד השרת.
View - רכיב שאחראי על הצגת המידע למשתמש (התצוגה) בדפוס MVC. גם טבלה וירטואלית מבוססת שאילתה במסד נתונים.
קונטרולר - רכיב שמתווך בין הממשק לבין הלוגיקה והנתונים, מקבל בקשות ומחליט כיצד לטפל בהן (למשל בדפוס MVC).
תגית - סימון בקוד, למשל ב-HTML, שתוחם רכיב ומגדיר את תפקידו או תכונותיו. גם תווית לסימון וקיטלוג פריטים.
CSS - שפת עיצוב שקובעת את המראה של דפי אינטרנט: צבעים, גופנים, מיקום וסידור הרכיבים.
טבלה - מבנה במסד נתונים שמאחסן נתונים בשורות ועמודות. כל שורה היא רשומה וכל עמודה היא שדה.
שאילתה - בקשה למסד נתונים לשלוף, להוסיף, לעדכן או למחוק נתונים, לרוב בשפת SQL.

טיפול בשגיאות צד שרת בנוד NodeJS
עד עכשיו שגיאות הודפסו רק לקונסול, וזה לא נותן דבר למשתמש. ההרצאה בונה view לשגיאות צד שרת ומראה איך הקונטרולר מציג אותו.
השלבים העיקריים
1. תיקיית errors: בתיקיית ה-views יוצרים תיקייה errors ובה server-error.ejs. מעתיקים את list.ejs כבסיס כדי לשמור על ה-header וה-footer, ומוחקים את התוכן של ה-main.
2. תוכן ה-view: פסקה עם הקלאס error שמציגה message בתגית צד-שרת, ומתחתיה השורה "please try again later".
3. עיצוב: ב-CSS מיישרים את טקסט השגיאה לשמאל וצובעים אותו באדום.
4. שימוש בקונטרולר: בבלוק catch במקום להדפיס לקונסול עושים render של errors/server-error, ומעבירים אובייקט עם message שמכיל את err.message.
5. בדיקה: כדי לגרום לקריסה, משנים זמנית את שם הטבלה בשאילתה של getAllProducts לטבלה שלא קיימת. בדף המוצרים מופיעה הודעת השגיאה האמיתית ממסד הנתונים, ואחר כך מחזירים את הקוד לתקינותו.
שימו לב
כרגע ההודעה האמיתית מוצגת לכולם. כשהאתר ב-production אין להציג אותה לגולשים, אלא הודעה כללית. את הפירוט יראו מפתחים רק ב-development mode, והמרצה מציין שזה יטופל בהמשך.
אפשר עכשיו להציג למשתמש דף שגיאה מסודר במקום להסתפק בהדפסה לקונסול.
השיעור הבא בקורס: טיפול בשגיאה 404 - Page Not Found

פרקי ההרצאה: טיפול בשגיאות צד שרת בנוד NodeJS

  1. 00:00

    סוגי שגיאות ו-view לכל אחת

  2. 00:46

    דף לשגיאות שרת על בסיס list

  3. 01:24

    פסקה עם class error

  4. 02:06

    שתילת הודעת השגיאה מהשרת

  5. 02:41

    עיצוב הודעת השגיאה באדום

תמלול ההרצאה: טיפול בשגיאות צד שרת בנוד NodeJS

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

  1. 00:03

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

  2. 00:26

    עם השגיאה המתאימה ולהחזיר ללקוח. אז בואו ניגש לתיקיית ה-views ונבנה תיקייה שנקראת בתוכה נבנה אנחנו מתחילים עם server.errors.js לא טעות שלי .e.js וכאן אנחנו רוצים לבנות משהו דומה ל-layout שכבר בנינו בואו ניקח את ה-home page האמת זה יותר מתאים להגדרות שהיו ב-list נעתיק את ה-list נדביק

  3. 01:10

    ניפטר כמובן מהתוכן שקיים במיין יש לנו פה את המיין נקי ומה שאנחנו רואים כרגע זה בעצם view שמיועד עבור server error עבור שגיאות שיכולות להתרחש בצד השרת אנחנו רוצים להגדיר כאן איזושהי פסקה ובואו ניתן class זה error ואנחנו רוצים לכתוב פה איזה משהו sum ארור פרד ארור מסאג' זאת כאן אנחנו רוצים שורה אחת

  4. 02:00

    אנחנו רוצים לשתול את הארור מסאג' שתכף אנחנו צריכים גם להעביר אותה לכאן אז בואו ניקח פקודת סרבר סייד השמה וניגש ל-err.message ופשוט נשתול פה את ההודעה עצמה האמת בואו נקרא לזה רק מסאג' זאת ההודעה עצמה של השגיאה ובואו נרד כאן עוד שורה ונאמר לuser please try again later אז הנה יש לנו דף

  5. 02:37

    מוכן עבור הודעת שגיאה בואו ניגש רגע לצו"ב של ה-class הזאת נוסיף פה class error נגדיר שהtext align יהיה בצד שמאל כי פסקה תופסת לנו את כל המוסך אז נצמיד את זה שמאלה ונגיד שזה בצבע אדום אז הנה יש לנו עכשיו גם את העיצוב.

  6. 03:08

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

לקורס המלא: קורס NodeJS אונליין בעברית

ההרצאה הקודמת: הוספת תמונה למוצר

ההרצאה הבאה: טיפול בשגיאה 404 - Page Not Found

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

  • טיפול בשגיאות בצד שרת - Exceptions
  • טיפול בשגיאות - Exception Handling
  • Error Handling - טיפול בשגיאות
  • צד שרת

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

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