שלום לכולם,
השיעור היה שיעור מאוד עמוס, למדנו לחבר אפליקציה ל firebase ולממש מנגנון אוטנטיקציה בעזרת firebase.
השלבים שעשינו בקצרה:
- יצירת פרויקט חדש באנגולר
- יצירת פרויקט ב firebase
- הוספת ה api והנתונים ל enviroments באנגולר.
- יצירת Provider ב firebase להתחברות דרך google
- יצירת router באפליקציה
- יצירת service עבור התחברות ( AuthService)
- יצירת userService – שישמש אותנו מול משתמשים מחוברים (לבדוק מי מחובר וכו')
- יצירת guard להגן על הנתיב בראוטינג, ולאפשר גישה רק למשתמש מחובר
התקנת חבילה של firebase מ npm :
npm install @angular/fire firebase --save
שיעורי בית:
צרו אפליקציה עם התחברות משתמשים תוך שימוש בכל מה שלמדנו השיעור.
באפליקציה יהיו 3 דפים.
- דף התחברות – המכיל אפשרות להתחבר באמצעות גוגל (מומלץ לנסות להוסיף גם פייסבוק ורשתות אחרות)
- דף אורחים/דף הבית – דף עם מידע כללי על האפליקציה
- דף משתמש מחובר – בדף זה רק משתמש שהתחבר יוכל לצפות, בדף יוצגו נתוני מזג האוויר – תוך שימוש ב API של https://openweathermap.org/ – שמרו את העדפות של המשתמש ב LocalStorage והציגו לו אותם שוב בהתחברות הבאה.
מדריך נוסף (באנגלית) שמצאתי ברשת על מה שלמדנו היום – לקריאה ועיון חוזר –
https://angular-templates.io/tutorials/about/firebase-authentication-with-angular
בהצלחה!