שימוש ב-Cookies בצד לקוח ב-NodeJS
index.html עם שלושה כפתורים (שמירה, קריאה וניקוי) וקובץ index.js שרץ בצד הלקוח. cookie אפשר לשמור גם בלקוח וגם בשרת.document.cookie מציבים color=red. בעוד cookie, number=123, מוסיפים אחרי נקודה-פסיק תאריך תפוגה, שנשנה שנה קדימה ומומר עם toUTCString.document.cookie מחזירה את כל ה-cookies כמחרוזת אחת. כדי לקבל cookie ספציפי צריך לפרק את המחרוזת בעצמנו ולחפש את ה-key.number, כי color היה non-persistent.פרקי ההרצאה: שימוש ב-Cookies בצד לקוח ב-NodeJS
תמלול ההרצאה: שימוש ב-Cookies בצד לקוח ב-NodeJS
הטקסט המלא של הדקות הראשונות בהרצאה «שימוש ב-Cookies בצד לקוח ב-NodeJS» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.
אנחנו מגיעים למודול שבו אנחנו הולכים לראות איך אנחנו יכולים לשמור מידע בכל מיני מקומות שונים במערכת, אבל זה לא מידע שנשמר בדאטאבייס.
יש כל מיני מקרים שאנחנו רוצים לשמור מידע, אבל לא קשור לדאטאבייס, מידע שיכול להיות מידע זמני, יכול להיות מידע שהוא העדפות של המשתמש, Preferences, נראה איפה אנחנו יכולים לשמור את זה, יכול להיות מידע שקשור לפעילות שהמשתמש מבצע, יש כל מיני מקומות כאלה
וכל מיני צרכים כאלה. אז הסוג הראשון של המידע שאנחנו הולכים לשמור נקרא cookies, עוגיות.
אז ראשית, מה זה קוקי? קוקי זה פיסת אינפורמציה שאנחנו שומרים בצד ה-client. מי שמבצע את השמירה זה הדפדפן עצמו שגולש עלינו לאתר.
ב-cookie יש name ו-value, או key ו-value, אפשר לקרוא לזה גם ככה. והמטרה שלו זה לשמור preferences, העדפות של המשתמש, בצד של המשתמש עצמו, בדפדפן שלו, במחשב שלו, בכדי שפעם הבאה שהוא יגלוש לנו לאתר, אנחנו בעצם יכולים לקרוא את ה-preferences האלה ולהשתמש בהם.
כל גלישה לאתר, ה-cookies שאנחנו שמרנו, נשלחים לאתר שלנו. אז זה בעצם מאפשר לנו לדעת מה בעצם המשתמש עשה.
או מה הוא בחר וכל מיני דברים כאלה. בואו קודם כל נראה דוגמה ראשונה איך אנחנו יכולים לבצע שמירה וקריאה של קוקיז בכמה דרכים ואז נראה דוגמה נוספת של שימוש אמיתי בדבר הזה, שימוש מעשי בזה.
קוקיז אנחנו יכולים לשמור גם בצד הקליינט, שימו לב יש לנו פה קובץ אינדקס html בואו נבנה אותו נקרא לזה סתם קוקיז וגם בצד הסרבר. זאת אומרת, הקוקיז נשמרים בצד הקליינט, אבל אנחנו יכולים לתת את ההוראה לשמור אותם על ידי JavaScript בקליינט או על ידי Node.js בסרבר שמחזיר את הקוקי לקליינט.
נתחיל עם הקליינט. בואו נבצע לחצן saveCookies ולחצן נוסף readCookies. יש לנו כאן פונקציה שאנחנו רוצים לקרוא לה. סייב קוקיז יש לנו פונקציה נוספת לורד קוקיז או ריד קוקיז קראתי לזה בואו נבנה לחצן נוסף קליר קוקיז שיאפשר לנו לנקות את כל הקוקיז על הדף אוקיי בואו ניקח כאן איזשהו קובץ נקרא לו אינדקס
נקודה js והקובץ הזה זה קובץ שירוץ בצד הקליינט סקריפט src הקובץ נקרא index.js והסיבה שאנחנו רוצים לראות איך גם עושים את זה מהקליינט כי קוקיז אנחנו יכולים לשמור גם בסרבר וגם בקליינט וחשוב לראות את שתי הדרכים.
בהמשך, בדוגמה הנוספת, אנחנו בעצם הולכים להתעסק גם עם זה וגם עם זה. אז איך אני שומר קוקי? אז בוא נניח שאני רוצה לשמור קוקי שמתאר צבע וקוקי נוסף שמתאר איזשהו מספר אז בצד של הקליינט סייב קוקי דוקיומנט נקודה קוקיז קוקי ביחיד שווה והפורמט הוא פשוט המפתח בוא נניח קולור שווה והווליו בוא נניח רד וזה בעצם שומר לנו קוקי ראשון פורמט נוסף
זה בואו נשמור number שווה 1,2,3 אבל אנחנו עושים נקודה פסיק ושומרים גם תאריך תפוגה לקוקי הזה. בואו ניקח כאן const d שווה, ויש לנו new date, d.set.fullyear, d.get.fullyear פלוס 1. יש לי פה את התאריך הנוכחי שקידמתי אותו בשנה, ואנחנו מצרפים את to utc.string, זה פורמט