PracticU

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

בלי כתוביותעם כתוביות
PracticU › קורס NodeJS › טיפול בשגיאה 404 - Page Not Found
מילון מושגים:
ראוט - הגדרה שמקשרת כתובת בקשה לקוד שמטפל בה באפליקציה. גם מסלול שדרכו עוברות חבילות ברשת.
GET - שיטת HTTP לבקשת מידע מהשרת בלי לשנות אותו. הפרמטרים מועברים בדרך כלל בכתובת.
View - רכיב שאחראי על הצגת המידע למשתמש (התצוגה) בדפוס MVC. גם טבלה וירטואלית מבוססת שאילתה במסד נתונים.
שרת - מחשב או תוכנה שמספקים שירות למחשבים אחרים (לקוחות) ברשת, למשל אחסון קבצים, אתר אינטרנט או מסד נתונים, ומגיבים לבקשות שלהם.
תמונה - קובץ גרפי המוצג על המסך. בהקשר של וירטואליזציה או Docker, תבנית מוכנה שממנה יוצרים מכונה או קונטיינר.
תגית - סימון בקוד, למשל ב-HTML, שתוחם רכיב ומגדיר את תפקידו או תכונותיו. גם תווית לסימון וקיטלוג פריטים.
פונקציה - קטע קוד בעל שם שמבצע משימה מוגדרת, מקבל ערכי קלט (פרמטרים) ויכול להחזיר תוצאה. מאפשרת לארגן קוד ולהשתמש בו שוב.
נתיב - מחרוזת שמתארת את מיקומו של קובץ או תיקייה במערכת הקבצים, או כתובת של משאב בתוך אתר.
טיפול בשגיאה 404 - Page Not Found
כשגולשים לכתובת שאין לה ראוט, האתר מחזיר הודעה גולמית מסוג "Cannot GET". ההרצאה מחליפה אותה בדף 404 מסודר שנתפס בסוף שרשרת הראוטים.
השלבים העיקריים
1. view חדש: משכפלים את server-error.ejs ל-page-not-found.ejs, ומציגים בו כותרת עם הטקסט "the page you are looking for doesn't exist".
2. תמונה: מוסיפים תמונת 404 שהכין המרצה, שומרים אותה בתיקיית images, ומציגים אותה בתגית IMG עם הקלאס PageNotFoundImage.
3. תפיסת כל ראוט אחר: בסוף ההגדרות ב-app.js, אחרי כל הראוטים, מוסיפים server.use עם כוכבית ופונקציה שמבצעת render ל-errors/page-not-found. כל נתיב שלא נמצא קודם מגיע לכאן.
4. בדיקה: עוצרים, מריצים, מרעננים וגולשים לנתיב שלא קיים. התמונה גדולה מדי, ולכן קובעים לה רוחב של 80% ואחר כך מורידים ל-50%.
שימו לב
סדר ההגדרות חשוב: ה-use הכללי חייב לבוא אחרי כל הראוטים, אחרת הוא יתפוס גם נתיבים תקינים.
כעת דף הבית, המוצרים וה-About עובדים כרגיל, וכל כתובת אחרת מנותבת לדף "לא נמצא".
השיעור הבא בקורס: הצגה מפורטת של המוצר בנוד NodeJS

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

  1. 00:00

    ראוט שלא קיים ו-view חדש

  2. 01:07

    הוספת תמונת 404

  3. 01:58

    הפניית כל ראוט אחר לדף

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

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

  1. 00:03

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

  2. 00:22

    אנחנו רוצים גם לייצר view מתאים וגם לומר לראוט שזה ה-view שלו. איך אנחנו מייצרים view מתאים? בואו ניגש לכאן, Server Errors, נשכפל אותו ל-Page Not Found EJS. כמובן שפה אנחנו רוצים להציג הודעה אחרת.

  3. 00:46

    בואו נציג פה איזה H2, The Page You Are Looking for Doesn't Exist, איזושהי הודעת שגיאה כזאת כללית עבור Page Not Found.

  4. 01:02

    אנחנו יכולים כאן להוסיף איזושהי תמונה כזאת להסבר אולי יותר טוב שהדף לא נמצא ובמקרה הכנתי תמונה כזאת אז בואו נצרף אותה פה ל-images ניגש ונביא אותה ל-images 404 good ואנחנו רוצים להציג אותה ב-page not found אז יש לנו IMG יש לנו src ב-assets אמג'ס יש לנו 404 יש לנו פה גם איזה קלאס page not found image נניח אם אנחנו נצטרך אולי להתעסק עם הגודל שלה בואו נבדוק איך

  5. 01:58

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

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

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

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

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

  • Logical NOT Operator
  • Master Page
  • טיפול בערכי NULL
  • שלבי טיפול בפריצה

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

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