מדריך | קצת על Firebase

[איש אמת]

היי שלום לכולם
לאחרונה התחלתי קצת להתעסק עם Firebase
וגילית דברים נפלאים

• פתיחת חשבון
• יצירת פרויקט
• קשירת האפליקציה לפרויקט
• פתיחת מסד נתונים בפרויקט
• הוספת מסד נתונים לאפליקציה

---

---

קצת על פיירביס:
פיירבייס הוקמה בשנת 2011 כחברה עצמאית בשם Envolve
ב 2012, שחררה החברה את המוצר הראשון שלה, Firebase Realtime Database, שמאפשר לסנכרון בזמן אמת נתונים ממכשירי סלולר אל שרתי ענן של פיירבייס.
ב 2014, נרכשה פיירבייס על ידי חברת גוגל
ב 2017, השיקה פיירבייס את שירות Cloud Firestore כמסד נתונים בענן, המאפשר לשנות נתונים בזמן אמת

---

השירותים ש Firebase מספקת:

• סנכרון בזמן אמת נתונים
• מסד נתונים בענן עם סנכרון בזמן אמת נתונים
• שרות אחסון בענן

---

למה זה טוב לנו:

• בניית חדרי צ'אט אונליין
• בניית חנויות מקוונות
• בניית חנות אפליקציות דינמית
• אחסון קבצים בענן
• וכל דבר אחר הדורש סנכרון

---

אז יאללה באו כבר נפתח חשבון...

פתיחת חשבון

א

קודם כל נכנס לכתובת הזאת בכדי לפתוח, ולקשר את החשבון גוגל
אלו שלא למדו עדיין אנגלית (אני למשל...) התרגום של אדג' הרבה יותר נוח, אז תפתחו שם...
נבחר את ה Gat started

ונרשום את חשבון הגוגל שלנו

---

ב

יצירת פרויקט

בסיום ההרשמה נראה את המסך הזה
נבחר ב Add project
כל שאר הריבועים שאתם רואים, זה פרויקטים שונים שיצרתי וטשטשתי את ה id שלהם

בשלב הבא נצטרך להזין את שם הפרויקט באנגלית, ולסיום לבחור ב "המשך"

(כן אני יודע שלא ככה כותבים מתמחים..)

שני השלבים הבאים הם האם לאפשר לגוגל אנליסט לנתח את הפרויקט שלנו
אין לי מושג מה ולמה אבל רוב המדריכים שראיתי ציינו לא לסמן...

לסיום נבחר ב"צור פרויקט"

כרגע פתחנו פרויקט חדש יש להמתין ותוך כמה שנית יוצג לנו כפתור למעבר לפרויקט

וזהו
רגע
בא נדבר מי נגד מי שם
אז ככה אין לי הרבה ידע מה באמת אפשר לעשות שם, אבל באו נתחיל..

---

קשירת האפליקציה לפרויקט

ג

נכנס להגדרות של הפרויקט

ונבחר הוספת אפליקציה

נבחר בפלטפורמת אנדרואיד, כמובן..

בשלב הבא נצטרך להכניס את המאפיינים הבאים

• שם חבילה
• כינוי לאפליקציה (ישמש אותנו בפיירביס לדעת איזה אפליקציות מחוברות לפרויקט)
• אישור חתימת איתור באגים

נחזור רגע לקודולר
נפתח שם את ההגדרות
וניגש לתפריט Poblisthing

בתאב תחת תווית package name נמצא את השם חבילה של האפליקציה, אם זה ריק זה הזמן להוסיף שם חבילה משלנו...
את החותמת איתור באגים נמצא בהגדרות פרופיל של קודולר , נעתיק אותה ונכניס בפיירביס

אנחנו צריכים כזאת תוצאה

אם יש לנו נעבור לשלב הבא
נוריד את ה json

ונחזור שוב לקודולר
נפתח את תיקיית המסמכים של הפרויקט שלנו בקודולר, ונגרור לשם את הקובץ

• שימו לב זה צריך להיות באותו שם כמו שזה אצלי, ככה שאם בטעות הורדתם פעמים או מכל סיבה אחרת השתנה לקובץ השם- תתקנו אתו
  
  על שלושת השלבים הבאים אפשר פשוט לאשר ואין צורך להתעמק בהם יותר מידי
  וזהו סימנו, האפליקציה משודכת לפרויקט פיירביס

---

פתיחת מסד נתונים בפרויקט

ד

קודם כל נלמד על Firebase ולא על Firestore
מי שלא שם לב בהתחלה, אמרתי שה Firebase זה המסד הנתונים הישן של פיירביס
אני מסביר כרגע רק עליו כי רק הוא מגיע עם הרחבה מובנת בקודולר

Spoiler

מצאתי גם הרחבה ל Firestore שמותאמת לגרסאות ישנות של קודולר, עקבתי אחרי מדריכים להתאמה ומשום מה אחרי התאמה לגרסה החדשה של קודולר, האפליקציה קורסת לי, אולי באיזה יום אני אקנה את ההרחבה הזאת

בכדי להשתמש במסד הנתונים באפליקציה נצטרך קודם כל לפתוח אותו בפרויקט בפיירביס
ניגש לתפריט הבא

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

---

הוספת מסד נתונים לאפליקציה

ה

נגרור את רכיב firebase database מתפריט גוגל
נחזור לפיירביס, ונכנס למסד הנתונים בזמן אמת
נעתיק את כתובת ה URL של הפרויקט שלנו
(טשטשתי סימני זיהוי)

נחזור לקודולר ונדביק את ה url לתוך הגדרות רכיב פיירביס דאטאביס בשורת ה Firebase URL

ואז נחזור לפיירביס ונעתיק את הטוקן שישמש אותנו לחיבור (ניתן "לשחק" עם הטוקן בפיירביס ולהחליף כל כמה זמן אותו או לאשר רק לרשומים וכד' כדי לאפשר אבטחה גבוהה)
נפתח שוב את הגדרות הפרויקט

ומשם נעתיק את הטוקן

ונדביק אותו בשורת Firebase Tokan (השורה העליונה)

כדי לשמור על אבטחה גבוהה, פיירביס מגדירה כברירת מחדל שלא כל משתמש יוכל לקרא ולכתוב נתונים
כרגע אני לא כ"כ מבין json אז פשוט אני פותח לכל המשתמשים אפשרות לכריאה וכתיבה ולא רק למשתמשים מאומתים או כל תנאי אחר..
אז נחזור שוב לפיירביס כדי להגדיר קריאה וכתיבה לכולם
נכנס למסד נתונים
תחת התווית rules נבחר בעריכת הכללים - Edit rules
נמחק את כל השורות שם ונכניס את הכללים האלו

{
  "rules": {
    ".read": true,
    ".write": true
  }
}

ונשמור את השינויים ב Polish

בחזרה לקודולר
כדי לשמור נתונים
נוסיף 3 תיבות טקסט וכפתור
ונשתמש בבלוקים הבאים

לקריאת נתונים
נוסיף תווית ו 2 תיבת טקסט
ונשתמש בבלוקים הבאים


(זה אם רוצים להציג את הערך של תג מסוים בתוך דלי (אוסף תגים) אך כמובן יש שיטות להציג את כל הערכים או את כל התגים)

מכאן רק נוכל להשתפר...

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

• פתיחת פרויקט
• פתיחת מסד נתונים
  ...

[מישהו12]

@איש-אמת איך אני מוריד קבצים ממסד הנתונים לאפליקציה?

[Ykingsmart]

@איש-אמת מדריך מושקע ביותר. שאפו ענקקק

[איש אמת]

@מישהו12 יש לפיירביס מוצר אחר שנקרא פיירביס אחסון שלתוכו אתה יכול לעלות - יש אותו בקודולר
ואפשר לקשר אותו למסד נתונים איכשהוא
כשיהיה לי זמן לזה, בלנ"ד אני יעשה מדריך יותר מסודר על איך בתכלס משתמשים..

@Ykingsmart תודה רבה

[צדיק תמים]

@איש-אמת אמר במדריך | קצת על Firebase:

אגב אם מישהו יודע איך אני יוכל להוסיף בתחילת המדריך כמין קישורים לאמצע אני אשמח שילמד אותי...

https://mitmachim.top/topic/7036/מדריך-מלא-ומפורט-לשימוש-בפורום-למשתמש-המתחיל-ולמשתמש-הוותיק#ז > חפש "הכנת תפריט עם קישורים פנימיים בתוך הפוסט"

[איש אמת]

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

[משה 144]

@איש-אמת אמר במדריך | קצת על Firebase:

היי שלום לכולם
לאחרונה התחלתי קצת להתעסק עם Firebase
וגילית דברים נפלאים

קצת על פיירביס:
פיירבייס הוקמה בשנת 2011 כחברה עצמאית בשם Envolve
ב 2012, שחררה החברה את המוצר הראשון שלה, Firebase Realtime Database, שמאפשר לסנכרון בזמן אמת נתונים ממכשירי סלולר אל שרתי ענן של פיירבייס.
ב 2014, נרכשה פיירבייס על ידי חברת גוגל
ב 2017, השיקה פיירבייס את שירות Cloud Firestore כמסד נתונים בענן, המאפשר לשנות נתונים בזמן אמת
'''''''''''''''''''''''''''''
השירותים ש Firebase מספקת:

• סנכרון בזמן אמת נתונים
• מסד נתונים בענן עם סנכרון בזמן אמת נתונים
• שרות אחסון בענן

למה זה טוב לנו:

• בניית חדרי צ'אט אונליין
• בניית חנויות מקוונות
• בניית חנות אפליקציות דינמית
• אחסון קבצים בענן
• וכל דבר אחר הדורש סנכרון

אז יאללה באו כבר נפתח חשבון...

פתיחת חשבון

קודם כל נכנס לכתובת הזאת בכדי לפתוח, ולקשר את החשבון גוגל
אלו שלא למדו עדיין אנגלית (אני למשל...) התרגום של אדג' הרבה יותר נוח, אז תפתחו שם...
נבחר את ה Gat started

ונרשום את חשבון הגוגל שלנו

יצירת פרויקט

בסיום ההרשמה נראה את המסך הזה
נבחר ב Add project
כל שאר הריבועים שאתם רואים, זה פרויקטים שונים שיצרתי וטשטשתי את ה id שלהם

בשלב הבא נצטרך להזין את שם הפרויקט באנגלית, ולסיום לבחור ב "המשך"

(כן אני יודע שלא ככה כותבים מתמחים..)

שני השלבים הבאים הם האם לאפשר לגוגל אנליסט לנתח את הפרויקט שלנו
אין לי מושג מה ולמה אבל רוב המדריכים שראיתי ציינו לא לסמן...

לסיום נבחר ב"צור פרויקט"

כרגע פתחנו פרויקט חדש יש להמתין ותוך כמה שנית יוצג לנו כפתור למעבר לפרויקט

וזהו
רגע
בא נדבר מי נגד מי שם
אז ככה אין לי הרבה ידע מה באמת אפשר לעשות שם, אבל באו נתחיל..

קשירת האפליקציה לפרויקט

נכנס להגדרות של הפרויקט

ונבחר הוספת אפליקציה

נבחר בפלטפורמת אנדרואיד, כמובן..

בשלב הבא נצטרך להכניס את המאפיינים הבאים

• שם חבילה
• כינוי לאפליקציה (ישמש אותנו בפיירביס לדעת איזה אפליקציות מחוברות לפרויקט)
• אישור חתימת איתור באגים

נחזור רגע לקודולר
נפתח שם את ההגדרות
וניגש לתפריט Poblisthing

בתאב תחת תווית package name נמצא את השם חבילה של האפליקציה, אם זה ריק זה הזמן להוסיף שם חבילה משלנו...
את החותמת איתור באגים נמצא בהגדרות פרופיל של קודולר , נעתיק אותה ונכניס בפיירביס

אנחנו צריכים כזאת תוצאה

אם יש לנו נעבור לשלב הבא
נוריד את ה json

ונחזור שוב לקודולר
נפתח את תיקיית המסמכים של הפרויקט שלנו בקודולר, ונגרור לשם את הקובץ

• שימו לב זה צריך להיות באותו שם כמו שזה אצלי, ככה שאם בטעות הורדתם פעמים או מכל סיבה אחרת השתנה לקובץ השם- תתקנו אתו
  
  על שלושת השלבים הבאים אפשר פשוט לאשר ואין צורך להתעמק בהם יותר מידי
  וזהו סימנו, האפליקציה משודכת לפרויקט פיירביס

פתיחת מסד נתונים בפרויקט

קודם כל נלמד על Firebase ולא על Firestore
מי שלא שם לב בהתחלה, אמרתי שה Firebase זה המסד הנתונים הישן של פיירביס
אני מסביר כרגע רק עליו כי רק הוא מגיע עם הרחבה מובנת בקודולר

Spoiler

מצאתי גם הרחבה ל Firestore שמותאמת לגרסאות ישנות של קודולר, עקבתי אחרי מדריכים להתאמה ומשום מה אחרי התאמה לגרסה החדשה של קודולר, האפליקציה קורסת לי, אולי באיזה יום אני אקנה את ההרחבה הזאת

בכדי להשתמש במסד הנתונים באפליקציה נצטרך קודם כל לפתוח אותו בפרויקט בפיירביס
ניגש לתפריט הבא

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

הוספת מסד נתונים לאפליקציה

נגרור את רכיב firebase database מתפריט גוגל
נחזור לפיירביס, ונכנס למסד הנתונים בזמן אמת
נעתיק את כתובת ה URL של הפרויקט שלנו
(טשטשתי סימני זיהוי)

נחזור לקודולר ונדביק את ה url לתוך הגדרות רכיב פיירביס דאטאביס

כדי לשמור על אבטחה גבוהה, פיירביס מגדירה כברירת מחדל שלא כל משתמש יוכל לקרא ולכתוב נתונים
כרגע אני לא כ"כ מבין json אז פשוט אני פותח לכל המשתמשים אפשרות לכריאה וכתיבה ולא רק למשתמשים מאומתים או כל תנאי אחר..
אז נחזור שוב לפיירביס כדי להגדיר קריאה וכתיבה לכולם
נכנס למסד נתונים
תחת התווית rules נבחר בעריכת הכללים - Edit rules
נמחק את כל השורות שם ונכניס את הכללים האלו

{
  "rules": {
    ".read": true,
    ".write": true
  }
}

ונשמור את השינויים ב Polish

בחזרה לקודולר
כדי לשמור נתונים
נוסיף 3 תיבות טקסט וכפתור
ונשתמש בבלוקים הבאים

לקריאת נתונים
נוסיף תווית ו 2 תיבת טקסט
ונשתמש בבלוקים הבאים


(זה אם רוצים להציג את הערך של תג מסוים בתוך דלי (אוסף תגים) אך כמובן יש שיטות להציג את כל הערכים או את כל התגים)

מכאן רק נוכל להשתפר...

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

• פתיחת פרויקט
• פתיחת מסד נתונים
  ...

מדריך מדהים!!
עזרת לי עם הענין של ההרשאות והשיוך
נשמח אם תמשיך אותו

[אבי_770]

@איש-אמת וואו! זה היה נחוץ!! ישר כח!!! מדהים! אני בדיוק היום חיפשתי הסבר איך משתמשים בזה... (אני צריך לבנות אפליקציית צ'אט והסתבכתי רק בגלל זה.) אשמח אם תעשה גם מדריך לשליפת ערכים.

[אבי_770]

@איש-אמת מה צריך לבחור מכל זה?:

עריכה: הסתדרתי, זה הראשון.

[אבי_770]

@איש-אמת אולי תסביר מה עשית שמה בקטע של שמירת לקריאת הנתונים?
למה צריך 3 תבות טקסט וכו'. זה יעזור לי מאוד, כי לא הבנתי מה הולך שם.

ואם אני רוצה לשלוף את כל הנתונים שבמסד ולהציג אותם? (לצורך הצ'אט...)

[איש אמת]

@אבי_770 אמר במדריך | קצת על Firebase:

אולי תסביר מה עשית שמה בקטע של שמירת לקריאת הנתונים?
למה צריך 3 תבות טקסט וכו'. זה יעזור לי מאוד, כי לא הבנתי מה הולך שם.

אם יהיה לי זמן, בלנ"ד אני אכתוב על זה מדריך מסודר
כל מה שהכנסתי את זה לכאן כדי להסביר על ההרשאות
בגדול מה שעשיתי זה

בשמירת המידע:

• פתחתי דלי חדש
• פתחתי תחתיו תג חדש
  *שמרתי ערך בתג

בשליפת מידע

• הלכתי לדלי שאני רוצה
• הגדרתי את התג הרצוי לשליפת הערך
• שלפתי את הערך שתחת התג

כדי שתבין מה זה דלי ומה זה תג וערך
תראה כאן

• דוד זה הדלי
• גובה גיל משפחה וכו זה התג
• כהן 21 ורווק זה הערך
  
  בשביל פלטפורמת צ'אט קודם כל תצטרך לחדד את הנהלי אבטחה בשביל שאם אני גם יתקין את האפליקציה אני לא יוכל לראות מה אתה כותב לחבר שלך... ולקבוע אימות באפליקציה ולכל משתמש לקבוע דלי
  אם תעשה ככה נראה לי זה יצליח
  תפתח לכל משתמש דלי שכל משפט שהוא מכניס באפליקציה ישמר בו עם תג עולה
  ואז במסך של האפליקציה תקבע שבצד ימין יכתבו הפוסטים של דלי א ובשני של דלי ב (בתצוגה דינמית כמובן)

[אבי_770]

@איש-אמת
א. דלי זה בעצם כמו "קטגוריה" למשתמש?
ב. אני צריך אפליקצית צ'אט לקבוצה, ככה שהכל בסדר. (אני רוצה שיראו אחד של השני...)
ג. פשוט אפשר להשתמש בבלוק של טקסט, לא צריך תיבות טקסט... עכשיו המדריך נהיה ברור לי. תודה .
איך אני שותף את על התגים ביחד (אני לא יודע להתעסק עם רשימות דינמיות.)
אבל איךןאני יכול לשלוף את כל הדלי ביחד?? ולהגידר איפה יוצג וכו'.
ונראה לי תעתיק את ההסבר בפוסט הקודם למדריך, ככה הוא יהיה יותר ברור.