שם השיעור: איפוס סיסמה

אין לכם גישה לתוכן זה

לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה

מה נלמד בשיעור הזה?

  • נתחיל בזה שזה אחד הטפסים המורכבים שנבנה בקורס אז קחו הרבה אוויר
  • נבין את הצורך שלנו ונבנה טקטיקה לבניית הטופס לאיפוס הסיסמה של המשתמש
  • נכין תשתית של נראות דינמית בדף האזור האישי
  • ניצור את שני המצבים (Render) בתוך הטופס איפוס שלנו ונתאים אותם עם תנאי תצוגה מתאימים
  • ניצור את השדות הרלוונטיים בתוך כל אחד מהמצבים
  • נוסיף פעולות רלוונטיות כמו שליחת מייל, איפוס סיסמה, חיבור משתמש והפניה בשימוש בפרמטרי כתובת (URL Parameters)

וקצת יותר בפירוט...

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

ראשית, נגדיר **את הטקטיקה לבניית הטופס** כך שיכלול את כל שלבי איפוס הסיסמה: שליחת בקשה לאיפוס, אימות המשתמש והזנת סיסמה חדשה. נבצע תכנון מוקדם של איך התהליך ייראה מבחינת המשתמש, ואיך המערכת תזהה ותטפל בבקשות השונות. במקביל, נכין **תשתית של נראות דינמית (Dynamic Visibility)** בדף האזור האישי, כך שהמשתמש יראה את האפשרויות הרלוונטיות בהתאם למצבו (מחובר, לא מחובר, בתהליך איפוס).

לאחר מכן, ניצור **שני מצבים (Render) בתוך טופס האיפוס**, כאשר כל מצב מותאם לתנאי מסוים. המצב הראשון מיועד להזנת כתובת האימייל וקבלת קישור לאיפוס הסיסמה, ואילו השני מיועד להזנת הסיסמה החדשה לאחר שהמשתמש קיבל את הקישור. לכל מצב נוסיף **שדות רלוונטיים**, כך שבמצב הראשון יהיה רק שדה אימייל, ובמצב השני יהיו שדות לאימות הסיסמה החדשה.

לבסוף, נוסיף **פעולות רלוונטיות** לטופס, כולל שליחת מייל עם קישור ייחודי למשתמש, ביצוע **איפוס סיסמה בפועל**, חיבור אוטומטי של המשתמש לאחר האיפוס, והפניה חכמה בעזרת **פרמטרי כתובת (URL Parameters)** כדי לוודא שהתהליך מתבצע בצורה חלקה ומובנת. נוודא שהתהליך בטוח, שהתראות מוצגות נכון, ושאין פרצות אבטחה. כך, ניצור חוויית משתמש חלקה שתאפשר לכל משתמש לאפס את סיסמתו במהירות וביעילות.