Express Package
npm install express. הפאקג' נרשם ב-package.json.const express = require('express') ו-const app = express(). הפונקציה express מחזירה את השרת עצמו.request ו-response.app.get משלו, למשל /news/sports/football.html.app.get('*', ...) תופס כל נתיב שלא הוגדר לפניו, ומחזיר 404 עם הודעה שהדף לא קיים.app.listen(3000, callback). ה-callback מציג הודעה שהשרת באוויר.פרקי ההרצאה: Express Package
תמלול ההרצאה: Express Package
הטקסט המלא של הדקות הראשונות בהרצאה «Express Package» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.
בסרטון הקודם ראינו איך אנחנו יכולים לבנות סרבר שמקבל ריקווסטים לדפים ספציפיים ומחזיר אותם על ידי מודול HTTP. אבל ראינו גם שזה קצת לא רי לעשות סדרה של e-fails, e-fails, e-fails כאלה בשביל להאזין לכל הבקשות שמגיעות.
אז אנחנו רוצים עכשיו לראות פאקג' מאוד חשוב שעובדים איתו נונסטופ בנודג'י-אס לצורך ביצוע סרבר. הפאקאג' הזה נקרא אקספרס. אקספרס זה פאקאג' מאוד מאוד חשוב שהמטרה שלו זה להוות סרבר והוא יכול להוות עוד כל מיני דברים שנראה בהמשך.
אז בואו רגע נעצור את הריצה, ננקה ונתקין קודם כל אקספרס, זה לא בבילד אין בנודג'י אס, אנחנו צריכים להתקין אותו. יש לנו כאן את npm install אקספרס בואו נראה שהוא מתקין לנו אותו ונראה גם שהוא שותה לנו אותו בתוך הפאקדג' ג'ייסון.
ואנחנו רואים אקספרס, זאת הגרסה הנוכחית כרגע. מה אנחנו בעצם רוצים לבצע? דבר ראשון, אנחנו לא עובדים יותר עם מודול HTTP. כן, אני לוקח את הדוגמה הקודמת ומשנה אותה בשביל לעבוד עם אקספרס.
אז אין לו שום צורך ב-HTTP. אנחנו נבצע קונסט, כאן אנחנו רוצים את אקספרס. אנחנו יוצרים סרבר ומכניסים לתוכו פשוט את אקספרס, אקספרס זאת פונקציה שמביאה לנו את הסרבר עצמו.
זאת אומרת שאין לנו כרגע את השורה הזאת. בואו ניפטר ממנה וניפטר מזה. כעת מה שאנחנו עושים זה סרבר נקודה ובמקום ה-get שמקודם בדקנו, במקום מתוד שווה get, אנחנו פשוט כותבים get.
get זאת פונקציה והיא מקבלת את הפונקציה שמקודם שלחנו request ו-response והיא מקבלת גם כפרמטר ראשי בדיוק את ה-URL שאנחנו מאזינים עליו.
אז בואו ניקח את זה. טול סי, נשים אותו פה. זה אומר שאם מישהו גולש גט ריקווסט, מבצע גט ריקווסט לכתובת בדיוק כזאת, אז הנה ה-Response שאנחנו רוצים לתת לו.
בואו נשים פה נקודה פסיק. מה אנחנו בעצם רוצים לעשות? את כל הדברים האלה. אז אנחנו רוצים לקחת שוב פעם את הדף, בואו נעתיק אותו, נדביק אותו פה, ואנחנו רוצים toResponse.send ולתת לו בחזרה את ה-Page הזה.
אם אנחנו רוצים להעביר גם את הסטטוס, שום בעיה, אנחנו רושמים פה את הסטטוס. אם אנחנו רוצים גם את ה-Header, בואו ניקח את זה, header, להדר יש גם field, בואו רגע נראה את זה, field, string ו-value, אז אנחנו יכולים לקחת בעצם את שני הדברים האלה ולשים פה, אבל אין צורך כי שני אלה זה default,
סטטוס הוא 200 default והדר הזה קיים שמה, אבל רק לצורך הדוגמה בשביל שזה יהיה אותו דבר נשאיר את זה, וכל זה זה רק טיפול בדף הראשון.
אז יש לנו כאן את כל ה-if, במקום לעשות סדרה של if else, if else, if else, אנחנו יכולים פשוט לטפל בהם בצורה נפרדת. זאת אומרת, אם היוזר, בואו ניפטר רגע מכל זה, גלש לנו ב-get request ל-basketball.html, אז אנחנו רוצים להחזיר לו את הדף של ה-basketball, שזה הדף הזה, וניפטר עכשיו מכל זה.
עבור כל דבר אחר, זה אומר כוכבית get כוכבית זה אומר כל דבר