פיתוח ווב בסיסי באמצעות node.js

5 באוקטובר 2014

תגיות:
תגובה אחת

בפרק הקודם למדנו עבור איזה מטרה המציאו את node.js (ביצועים) ואיך היא עושה את זה (JavaScript אסינכרוני בצד שרת). בפרק הזה נפשיל את השרוולים ונתחיל להתלכלך בקוד node.js

מה נלמד בפרק זה:

  • נלמד איך להתקין את סביבת הפיתוח הנדרשת – microsoft web matrix
  • נלמד ליצור שרת אינטרנט פשוט ואתר מדהים שמציג (איך לא..) hello world

 

WebMatrix – הכלי הטוב ביותר לפיתוח node.js בסביבת ווינדוס

למי שלא מכיר, WebMatrix היא סביבת פיתוח (IDE) מבית מיקרוסופט חינמית לחלוטין ומכילה כל מה שמפתח ווב צריך. הסביבה תומכת במגוון שפות: .net, php, node.js ועוד ומכילה יכולות רבות וחזקות כמו InteliSense, תמיכה בפלאגינים והרחבות ועוד הרבה דברים טובים.

אחד הדברים הכי יפים ב- WebMatrix היא העובדה שאם בחרתם למעשה לפתוח פרוייקט חדש מסוג מסויים, למשל node.js במקרה שלנו – התוכנה תזהה את כל הרכיבים הנדרשים ותדע אוטומטית להוריד, להתקין ולקנפג אותם. אז אם בעבר מישהו אמר לכם שלפתח node.js בסביבת Windows זה כאב ראש – תגידו לו שזה היה בעבר כאב ראש אולי.. היום יש את WebMatrix!

להתקנת WebMatrix לחצו כאן.

לאחר שתתקינו את WebMatrix, הפעילו את התוכנה ובחרו ליצור פרוייקט חדש המבוסס על אחת מן התבניות המוכנות:

1

כעת אנו נבחר את האפשרות הפשוטה ביותר – לבנות אתר ריק מסוג node.js

Screenshot - 23_01_2013 , 15_01_51

מה שיפה ב- WebMatrix היא שהתוכנה מזהה אוטומטית שזאת הפעם הראשונה שאני מפתח אפליקציית node.js במחשב זה ולכן היא אוטומטית תוריד, תתקין ותקנפג את כל הקבצים והרכיבים הנדרשים.

Screenshot - 23_01_2013 , 15_12_47

לאחר ההתקנה נראה שהכל הותקן בהצלחה ונלחץ על OK.

Screenshot - 23_01_2013 , 15_16_40

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

Screenshot - 23_01_2013 , 15_28_38

למעשה קובץ זה מכיל את קוד ה- JavaScript שירוץ עבור כל בקשה לשרת, לא משנה איזה URL המשתמש יבקש.
ניתן כמובן לשנות את ההגדרות האלו באמצעות מנגנון הניתוב (routing) של אפליקציית node (נלמד לעשות זאת בהמשך) אך לעת עתה זה יספיק לנו. בואו נסתכל קצת על הקוד.

   1: var http = require('http');

   2:  

   3: http.createServer(function (req, res) {

   4:     

   5:     res.writeHead(200, { 'Content-Type': 'text/html' });

   6:     res.end('Hello, world!');

   7:     

   8: }).listen(process.env.PORT || 8080);

אז מה קורה שם?
בתחילה אנו מציבים במשתנה את מודול ה- http אשר באמצעותו אנו יוצרים שרת http
(באמצעות node אפשר ליצור כמובן עוד סוגי שרתים).

var http = require('http');

http.createServer(function (req, res)

לאחר מכן אנו מגדירים לשרת להאזין לפורט 8080 או לפורט אחר שסביבת הפיתוח הגדירה:

}).listen(process.env.PORT || 8080);

בתוך לולאת האירוע מוגדרת פונקציית callback (זוכרים? הכל אסינכרוני) ובתוכה אנו מחזירים את המחרוזת Hello World עם סטטוס 200 שאומר ב- httpית “הצלחה”:

res.writeHead(200, { 'Content-Type': 'text/html' });
res.end('Hello, world!');

כעת שנריץ את האתר (לחיצה על כפתור ), הבקשה תגיע לשרת ה- http של node והוא יחזיר כמובן את הפלט הבא:

Screenshot - 23_01_2013 , 16_40_02

מזל טוב! פיתחתם את אפליקציית node.js הראשונה שלכם! אמרנו לכם שזה לא יהיה קשה מידי.

הוסף תגובה
facebook linkedin twitter email

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

תגובה אחת

  1. Teemo5 באוקטובר 2014 ב 15:06

    זה נראה כמו לתכנת משהו על
    WORD
    לפי ה
    GUI המזעזע הזה.. אין כמו
    Visual Studio

    להבא שים קישור לכתבה מהפרק הקודם ..

    הגב