איך לבנות אפליקציה עם BaaS?

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

עסקים רבים סומכים על האפליקציות הניידות שלהם כדי לספק פלטפורמה לקוחותית אינטראקטיבית ומרתקת, וניתן להשתמש בשירות Backend כ- Service (BaaS) כדי להפעיל את האפליקציה. BaaS מספקת סט כלים חזק למפתחים ליצירת אפליקציה ניידת במאמץ ובזמן מינימליים.

פלטפורמת backend

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

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

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

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

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

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

המשיכו לקרוא כדי ללמוד כיצד לבנות אפליקציה באמצעות Backend כ- Service.

יצירת אפליקציה ב-Back4App

לפני שניתן ליצור אפליקציה ב-Back4App, יש צורך בחשבון Back4App. אם אין לך חשבון Back4App, באפשרותך ליצור אחד באמצעות הצעדים הבאים.

1. גש לאתר Back4App.
2. לאחר מכן, לחץ על כפתור הרשם בפינה הימנית העליונה של דף הנחיתה.
3. לבסוף, מלא את טופס ההרשמה ושלח אותו.

לאחר שיצרת בהצלחה את חשבון Back4App שלך, התחבר לחשבונך ולחץ על כפתור אפליקציה חדשה בפינה הימנית העליונה.

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

לחיצה על כפתור ה”צור” תבנה עבורך את השלד של האפליקציה החדשה ותעביר אותך ללוח המחוונים של האפליקציה.

כעת יצרת אפליקציה חדשה ב-Back4App. בשלב הבא, תתקין תלות נדרשת ותחבר את האפליקציה שלך ל-Back4App.

המשיכו לקרוא כדי ללמוד כיצד ליצור אפליקציה באמצעות Backend כ- Service.

חיבור האפליקציה שלך ל-Back4App

Back4App, בתור פלטפורמת BaaS, נבנתה על בסיס שרת Parse, ולכן כדי לשלב את האפליקציה שלך עם שרתי Back4App, יש להתקין את Parse JavaScript SDK.

הרץ את הפקודה הבאה להתקנת Parse JavaScript SDK באמצעות npm:

npm install parse 

לחלופין, באפשרותך להתקין את ה-SDK באמצעות מנהל החבילות yarn על ידי הרצת הפקודה הבאה:

yarn add parse 

לאחר מכן, יהיה עליך לקבל אישורים מסוימים עבור האפליקציה שלך. תזדקק להם כדי לחבר את האפליקציה ל-Back4App. האישורים הדרושים הם Application ID ו-Javascript KEY.

Application ID הוא המזהה הראשי שמייחד את האפליקציה שלך. Javascript KEY הוא המזהה שבו אתה משתמש בעת ביצוע בקשות מלקוח JavaScript.

כדי לקבל את האישורים האלה, בחר בהגדרות אפליקציה בלוח המחוונים של האפליקציה שלך, ואז בחר באבטחה ומפתחות. פעולה זו תעביר אותך לדף עם מפתחות שונים של האפליקציה; העתיק את Application ID ו-Javascript KEY ואחסן אותם באופן מאובטח.

לאחר מכן, ייבא את הגרסה המוקטנת של Parse מ-parse בקובץ הכניסה של האפליקציה (app.js).

כך:

//app.js import Parse from "parse/dist/parse.min.js"; 

לאחר מכן, קרא לפונקציה initialize על Parse. פונקציה זו מקבלת את Application ID ואת Javascript KEY כארגומנטים.

לדוגמה:

//app.js Parse.initialize(PARSE_APPLICATION_ID, PARSE_JAVASCRIPT_KEY); 

קריאה לפונקציה initialize והעברת Application ID ו-Javascript KEY כארגומנטים תאתחל את ה-SDK של Parse.

לאחר מכן, הגדר את המאפיין serverURL על Parse לכתובת https://parseapi.back4app.com/.

לדוגמה:

Parse.serverURL = "<https://parseapi.back4app.com/>"; 

האפליקציה שלך אותחלה ועכשיו יכולה להתחבר בצורה מאובטחת ל-Back4App. בשלב הבא, תשמור נתונים לפלטפורמה. המשיכו לקרוא כדי ללמוד כיצד ליצור אפליקציה באמצעות BaaS.

שמירת נתונים ב-Back4App

כדי לשמור נתונים ב-Back4App באמצעות JavaScript Parse SDK, המספק מגוון שיטות לאינטראקציה עם פלטפורמת Back4App, עליך ליצור מופע אובייקט של Parse ולהגדיר את התכונות שברצונך שהמופע יכלול.

למדריך זה, נניח שאתה מנסה לחבר אפליקציית Todo ל-Back4App.

בלוק הקוד למטה מספק דוגמה לאופן שבו ניתן לשמור נתונים ל-Back4App באמצעות JavaScript Parse SDK:

function addTodo() { try { // Creating a new Parse Object instance const Todo = new Parse.Object("Todo"); // Defining Object attributes Todo.set("title", "First Todo"); Todo.set("completed", false); //Saving object to Back4app Todo.save().then(() => { console.log("New todo added successfully"); }); } catch (error) { console.log(error); } } 

בפונקציה addTodo לעיל, נוצר מופע חדש של אובייקט Parse מהמחלקה Todo באמצעות הבנאי Parse.Object(). הבנאי Parse.Object() מקבל את שם המחלקה כארגומנט.

לאחר מכן, הוגדרו התכונות של Todo על ידי קריאה לשיטת set עליו. שיטת set מקבלת מפתח ו-ערך כארגומנטים. במקרה זה, למחלקת Todo יש שתי תכונות – title ו- completed – אשר הוגדרו כ-“First Todo” ו-false בהתאמה.

לבסוף, המחלקה Todo נשמרה ב-Back4App על ידי קריאה לשיטת save על מופע Todo. שיטת save() היא אסינכרונית; לכן, היא מחזירה הבטחה (promise) שמתקיימת במקרה שהשמירה מצליחה או נדחית במקרה של כישלון.

לאחר ששמרת נתונים ב-Back4App, באפשרותך לצפות בנתונים בלוח המחוונים של האפליקציה על ידי לחיצה על שם המחלקה.

כעת ניתן לשמור נתונים בצורה מאובטחת ב-Back4App. בשלב הבא, תלמד כיצד לשלוף נתונים ששמורים ב-Back4App.

שליפת נתונים מ-Back4App

כדי לשלוף נתונים מ-Back4App, עליך ליצור שאילתת Parse עבור המחלקה שממנה ברצונך לשלוף נתונים, לדוגמה, המחלקה Todo שדנו בה לעיל. לאחר מכן, אתה מסנן את הנתונים על פי קריטריונים מסוימים באמצעות שיטות שמספק ה-JavaScript Parse SDK.

בלוק הקוד למטה מספק דוגמה לאופן שבו ניתן לשלוף נתונים מ-Back4App באמצעות JavaScript Parse SDK:

async function fetchTodo() { try { //Creating a parse query for the Todo class const query = new Parse.Query("Todo"); //Using the equalTo filter to look for todo that matches the given title. query.equalTo("title", "First Todo"); //Running the query const Todo = await query.first(); //Accessing static attributes const todoId = Todo.id; const todoUpdateAt = Todo.updatedAt; const todoCreatedAt = Todo.createdAt; //Accessing set attributes const todoTitle = Todo.get("title"); const todoCompleted = Todo.get("completed"); //Logging values console.log(todoId, todoCreatedAt, todoUpdateAt, todoTitle, todoCompleted); } catch (error) { console.log(error); } } 

בפונקציה fetchTodo לעיל, נוצרה שאילתה חדשה למחלקת Todo באמצעות הבנאי Parse.Query(). מופע השאילתה משמש לשליפת נתונים מ-Back4App.

לאחר מכן, שיטת equalTo() (המקבלת מפתח ו-ערך כארגומנטים) שימשה לסינון השאילתה, כך שתוחזר המשימה (todo) בעלת הכותרת “First Todo”.

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

לאחר ביצוע השאילתה, נעשה שימוש בשיטת first() להחזרת התוצאה הראשונה התואמת לסינון. שיטת first() מחזירה הבטחה (promise) שמתקיימת עם האובייקט התואם אם נמצא, או נדחית במקרה שלא נמצא.

לחלופין, באפשרותך להריץ את השאילתה באמצעות השיטה find(), המחזירה מערך של תוצאות התואמות לסינון.

לאחר ביצוע השאילתה והחזרת אובייקט Todo, באפשרותך לגשת לתכונות הסטטיות של האובייקט, כגון id, createdAt ו-updatedAt. תכונות סטטיות אלו מוגדרות על ידי ה-SDK של Parse ואינן ניתנות לשינוי או לשליפה באמצעות שיטות get או set.

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

עדכון נתונים ב-Back4App

עדכון נתונים ב-Back4App דומה מאוד לתהליך שמירת הנתונים. כדי לעדכן נתונים, הגדר נתונים חדשים על מופע אובייקט Parse שלך וקרא לשיטת save.

ה-SDK של Parse מזהה אוטומטית אילו נתונים השתנו, ולכן רק השדות ששונו ישלחו ל-Back4App.

בלוק הקוד למטה מספק דוגמה לאופן שבו ניתן לעדכן נתונים ב-Back4App באמצעות JavaScript Parse SDK:

async function updateTodo() { try { // Creating a Parse Object instance const Todo = new Parse.Object("Todo"); // Defining Object attributes Todo.set("title", "Unmodified Todo"); Todo.set("completed", false); // Updating Object attributes Todo.save().then((todo) => { todo.set("title", "modified Todo"); return todo.save().then(() => { console.log("Todo updated"); }); }); } catch (error) { console.log(error); } } 

בפונקציה updateTodo לעיל, לאחר ששמרת את התכונות הראשוניות למחלקת Todo באמצעות השיטה save, האובייקט המוחזר מהבטחה מועבר כארגומנט לפונקציית הקולבק, ושם מעדכנים אותו באמצעות קריאה לשיטת set() עם הערך החדש עבור התכונה “title”.

לאחר עדכון האובייקט, קוראים שוב לשיטת save() על האובייקט, מה שמעביר את הנתונים המעודכנים לשרת Back4App לאחסון.

שיטת save() מחזירה הבטחה (promise) שמתקיימת עם האובייקט המעודכן במקרה של הצלחה או נדחית במקרה של כישלון.

מחיקת נתונים ב-Back4App

ניתן למחוק נתונים ב-Back4App על ידי קריאה לשיטת destroy על מופע המחלקה.

לדוגמה:

Todo.destroy().then(() => { console.log("Object deleted successfully"); }); 

לחלופין, ניתן למחוק שדה בודד מתוך אובייקט על ידי קריאה לשיטת unset על מופע המחלקה של Parse.

לדוגמה:

Todo.unset("Title"); 

שיטת unset מקבלת מפתח כארגומנט ומוחקת את השדה מ-Back4App.

סיכום

לסיכום, שימוש ב-Backend כ- Service (BaaS) הוא דרך מצוינת ליצירת יישומים נהדרים ללא צורך בידע מעמיק בטכנולוגיות צד שרת.

הפלטפורמה מספקת את הכלים והמשאבים הדרושים לבניית רכיבי backend במהירות לכל אפליקציה, עם תכונות כמו אימות ואנליטיקה שטופלו כבר.

פריסת אפליקציה ב-Back4App היא תהליך פשוט שניתן להשלים על ידי ביצוע הצעדים שדנו בהם במדריך זה.

Back4App מספקת פלטפורמת Backend כ- Service איתנה וגמישה, המאפשרת הוספת פונקציונליות backend לאפליקציות שלך בקלות.

עם Back4App, תוכל להתמקד ביצירת חוויית משתמש מצוינת ולהשאיר את ניהול ה-backend ל-Back4App.