PracticU

URL Mapping

בלי כתוביותעם כתוביות
PracticU › קורס ASP.NET › URL Mapping
מילון מושגים:
URL - הכתובת שמזהה משאב באינטרנט, למשל דף אתר, וכוללת פרוטוקול, שם מארח ונתיב.
תגית - סימון בקוד, למשל ב-HTML, שתוחם רכיב ומגדיר את תפקידו או תכונותיו. גם תווית לסימון וקיטלוג פריטים.
נתיב - מחרוזת שמתארת את מיקומו של קובץ או תיקייה במערכת הקבצים, או כתובת של משאב בתוך אתר.
דפדפן - תוכנה שמציגה דפי אינטרנט ומריצה את הקוד שבהם, ומאפשרת לגלוש בין אתרים, למשל Chrome או Firefox.
פרמטר - ערך שמועבר לפונקציה או לפקודה כקלט, ומשפיע על אופן פעולתן ועל התוצאה שהן מחזירות.
בקשה - פנייה שלקוח שולח לשרת כדי לקבל מידע או לבצע פעולה. השרת מחזיר עליה תגובה.
תמונה - קובץ גרפי המוצג על המסך. בהקשר של וירטואליזציה או Docker, תבנית מוכנה שממנה יוצרים מכונה או קונטיינר.
מסד נתונים - אוסף מאורגן של נתונים המאוחסן כך שאפשר לשמור, לחפש, לעדכן ולשלוף אותו ביעילות, לרוב באמצעות שפת שאילתות.

URL Mapping
URL Mapping מאפשר להציג לגולש כתובת קריאה וברורה, בזמן שהאתר מטפל בה בדף אחר. הכתובת שמפורסמת בפורומים או במנועי חיפוש יכולה להיות /cameras, בעוד שהדף האמיתי הוא cameras.aspx.
הגדרה ב-web.config
בתוך system.web מוסיפים תגית urlMappings, ובה תגיות add עם שני מאפיינים: url, הכתובת שהגולש מקליד, ו-mappedUrl, הדף האמיתי. בדמו הוגדר ~/cameras שמנותב ל-~/cameras.aspx. התו טילדה (~) מייצג את הנתיב הראשי של האתר. אחרי ההגדרה, כתובת הדף בדפדפן נשארת cameras, והדף נטען.
שימוש בכמה כתובות לאותו דף
אפשר לנתב כמה כתובות לאותו דף, ולהבדיל ביניהן בעזרת פרמטר ב-query string. בדוגמה נוצרו שלוש כתובות: מחשבים, מדפסות ועכברים. כולן מנותבות אל product.aspx עם מזהה מוצר שונה (למשל productID=1). בדף עצמו, ב-Page_Load, קוראים את הפרמטר מתוך Request.QueryString, ובהתאם לערך מציגים את התמונה המתאימה.
הגולש רואה את הכתובת הקריאה, והדף מטפל בבקשה לפי הפרמטר. בתצוגת המקור הלינקים מופיעים בשם הקל, ולא בשם הדף האמיתי.
שימו לב
במציאות הדף היה טוען את פרטי המוצר ממסד הנתונים לפי המזהה, ולא מתמונה קבועה. המרצה הדגיש את הרעיון ולא את החיבור לבסיס נתונים.
בקצרה: URL Mapping משנה רק את הכתובת שהגולש רואה, והדף האמיתי נשאר כמו שהיה.

פרקי ההרצאה: URL Mapping

  1. 00:00

    מהו URL Mapping

  2. 01:00

    בניית דף המצלמות

  3. 03:20

    הגדרת תפריט ב-Master Page

  4. 05:12

    בחינת הקישור לדף

  5. 06:07

    קישור ידידותי למשתמש

  6. 07:30

    שגיאת 404 לדף שאינו קיים

  7. 09:03

    הגדרת המיפוי ב-web.config

תמלול ההרצאה: URL Mapping

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

  1. 00:01

    הדבר הבא שאנחנו הולכים לראות נקרא URL Mapping. URL Mapping זה שיטה שמאפשרת לבצע מיפוי של כתובת URL אחת לכתובת URL אחרת. בואו נראה מה זה אומר.

  2. 00:17

    יש לנו פה אתר ריק ואני רוצה להוסיף פה דף אבל כחלק ממאסטר פייג'. אז בואו נבצע Add New Item, נבחר במאסטר פייג', ניתן לו את השם Site Master Page ונוסיף אותו לאתר שלנו.

  3. 00:34

    לאחר מכן בואו נוסיף עוד דף Web Form ובואו נניח שהדף הזה זה דף עבור מצלמות. נבחר Select Master Page, אנחנו רוצים עכשיו להציג איזושהי תמונה של מצלמה, שתתאר דף שמתאר מצלמות.

  4. 01:22

    בואו נגדיר לנו פה תיקייה עבור תמונות, ונכניס לתיקייה הזאת מספר תמונות. יש לנו פה בתיקייה תמונה שנקראת camera.jpg, אז אנחנו נפנה לתמונה הזאת, נגדיר מימדים, ובנוסף נגדיר שהתמונה תהיה במרכז המסך.

  5. 02:22

    יותר נכון, נגדיר את ה-css ב-tib. בואו נגלוש לדף הזה ואנחנו יכולים לראות שיש לנו דף שמציג לנו מצלמה והדף נקרא cameras.aspx.

  6. 03:08

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

  7. 03:27

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

  8. 04:13

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

  9. 04:57

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

  10. 05:37

    פייג' ונאתר את הלינק הזה אנחנו רואים שהלינק סך הכל תגיד a רגילה מכילה מאפיין שנקרא href שווה קמראז נקודה aspx כלומר הדף עצמו שאנחנו רוצים לגלוש אליו זה דף שנקרא cameras.aspx ואיזשהו מייל שכתוב שיכול להיות כל דבר בעצם.

  11. 06:03

    הגיוני לגמרי שהלינק הזה נראה כמו שהוא נראה, מפני שאנחנו אכן רוצים לגלוש לדף הזה שנקרא cameras.aspx וזאת הסיבה שאנחנו כתבנו פה cameras.aspx.

  12. 06:17

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

  13. 06:38

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

  14. 06:59

    אבל האם יש אפשרות להגדיר את הלינק בצורה קצת יותר יוזר פרנדלי? בואו נראה מה זה אומר. מה היה קורה אם אנחנו היינו מפרסמים את הלינק הבא?

  15. 07:15

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

  16. 07:34

    בואו נסתכל על זה. אני כרגע לוחץ על cameras ואני רואה שקיבלתי error 404 page not found כי כמובן אין לי דף כזה אבל אני רואה פה למעלה שהדפדפן מנסה להגיע לאתר שלי ושם להגיע למשהו שנקרא מצלמות שכמובן אין לי.

  17. 08:09

    איך אני יכול ללמד את האתר שלי שבמידה ומישהו מנסה להגיע לדף הזה אז האתר שלי אוטומטית צריך לנתב אותו לדף cameras.aspx אז למעשה אני כן יכול להגדיר את ההגדרה הזאת באתר.

  18. 08:26

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

  19. 08:49

    בכל מיני אתרים, בהחלפת כישורים וכולי וזה יהיה הרבה יותר user friendly והרבה יותר הגיוני ויותר אנשים יזכרו את זה מאשר דף שנקרא cameras.aspx.

  20. 09:02

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

  21. 09:16

    אז איך אני בעצם מגדיר את ההגדרה הזאת? ההגדרה הזאת היא מוגדרת בקובץ web.config. בואו ניכנס לקובץ הזה. בתוך תגית system.web אנחנו מגדירים תגית שנקראת url mappingss בתוך תגית url mappingss אנחנו רושמים תגית שנקראת add כאן בתגית add אנחנו צריכים לכתוב איזה url משתמש אמור לגלוש אליו במקרה שלנו זה מצלמות אם גולש חיצוני מגיע לאיזשהו לינק

  22. 09:54

    שנקרא פשוט מצלמות ושנמצא באתר שלנו אנחנו רוצים להגיד לו mapped url כלומר לאיזה url

לקורס המלא: קורס ASP.NET אונליין

ההרצאה הקודמת: Site Navigation - ניווט באתר

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

  • Open URL
  • Angular 4 - Url Rewrite
  • IIS Client Certificate Mapping Authentication
  • אובייקט Location (שורת URL)

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

  • קורס Entity Framework Core - עבודה עם מסד נתונים בדוט-נט
  • קורס דוט-נט - NET Core. - עם Rest API
  • קורס MVC
  • קורס Git ו-GitHub עם Visual Studio