שלום לכולם,
השיעור פתרנו את התרגיל הבא משיעורי הבית :
צרו תוכנית שמעתיקה את הנתונים מהאתר –
https://jsonplaceholder.typicode.com/users
ושומרת אותם בקובץ JSON מקומי, קריאת הנתונים מהשרת תהיה באמצעות המודול request. השמירה בקובץ תהיה באמצעות המודול FS
ובנוסף – הריצו שרת NodeJs שברגע שנכנסים אליו אני אקבל את ה JSON עם הנתונים. (צריך להשתמש במודול FS על מנת לקרוא את הקובץ, ולשלוח את התוכן שלו בתשובה של השרת
ככה שמה שיקרה זה שניכנס לשרת http://localhost:3000 אני אראה
את הקובץ.
לאחר מכן המשכנו ללמוד על פיתוח צד שרת, והכרנו את EXPRESS
https://www.npmjs.com/package/express
ראינו איך מגדירים אפליקציה ראשונית באמצעות express, ובנינו צד שרת שיודע לקבל נתונים מצד הלקוח ולשמור אותם בקובץ בשרת.
בנוסף, דיברנ על התוכנה postman שכדאי מאוד להשתמש בה.
בהמשך השיעור פתרנו גם את התרגיל הזה:
1.הקימו שרת NodeJs (מההתחלה) ,
2. צרו קובץ בשם messages.txt (באופן ידני)-
שבו יהיה הודעה למשתמש. הקובץ יהיה
בתיקיה של השרת.
שאני אכנס לכתובת של השרת ( http://localhost:3000 )
אני אראה את ההודעה שנמצאת בקובץ messages.txt.
בשביל לקרוא את הקובץ messages.txt – נשתמש במודול FS.
שיעורי בית:
- ליצור אפליקציה שמכילה צד לקוח וצד שרת.
בצד הלקוח יהיה לנו טופס HTML פשוט עם אפשרות להכניס שם.
בצד השרת אני אקלוט את הבקשה ואשמור את כל השמות בקובץ txt .
2. צרו דף HTML המכיל טופס עם 2 שדות, שם ועיר. הטופס ישלח לשרת.
בשרת אני מקבל את הנתונים, ואם העיר שקיבלתי בטופס היא ירושלים – אני אשמור את שם המשתמש בקובץ jerusalem-users.txt. אם זה עיר אחרת אני אשמור את הנתונים בקובץ users.txt.
3. תרגיל אתגר:
צרו בלוג באמצעות Node js
בצד הלקוח יהיה לנו אתר עם 2 דפי HTML , דף אחד מציג את כל המאמרים ודף אחד מכיל טופס להוספת מאמר חדש.
הדף שמציג את כל המאמרים – מציג אותם על ידי שימוש ב fetch ושליחה של בקשה לשרת, השרת מחזיר JSON עם כל המאמרים.
בדף של הוספת מאמר חדש – יהיה לנו טופס שישלח לשרת ב POST , ויוסיף את המאמר לקובץ posts.json.
יהיה לכם יותר קל לבצע זאת עם שימוש במודול jsonFile –
https://www.npmjs.com/package/jsonfile
קבצי השיעור להורדה