קידוד ממשקי API עם Thunkable

  • למד מהם ממשקי תכנות יישומים (APIs). 

  • השתמש ב-API באפליקציה כדי לקבל מידע

אלו הפעילויות לשיעור זה:

ממשק API

API מייצג ממשק תכנות יישומים .

API הוא דרך להשיג מידע מאתר או מסד נתונים.

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

אחסון בענן
www מחובר ל-3 טלפונים
ממשק API

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

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

הנה סרטון טוב המסביר איך ממשקי API עובדים.

כדי להשתמש ב-API, עליך: 

  1. מצא אתר שמשתמש בממשקי API. להלן רשימה של ממשקי API ציבוריים הזמינים, ברשימה לפי נושאים.
  2. קרא את התיעוד שלהם כיצד להשתמש בממשקי ה-API שלהם. רוב האתרים נותנים דוגמאות.
  3. אתרים מסוימים דורשים שתירשם למפתח API לפני השימוש בממשקי ה-API שלהם. שימו לב, כמה ממשקי API עולים כסף לשימוש.
  4. שלבו את קוד ה-API לתוך Thunkable. 

דוגמאות קידוד

להלן כמה מדריכים שיתנו לך תרגול בשימוש ב-Web APIs ב-Thunkable.

פֶּתֶק! בחלק מהמדריכים המפורטים כאן, רכיב ה-API של האינטרנט מוצג בחלון המעצב. עם זאת, בגרסה הנוכחית של Thunkable, תמצא את רכיב ה-API של האינטרנט בעורך הבלוקים, תחת מתקדם.

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

חלון רכיב Thunkable מציג Web API
סרטון זה נותן סקירה כללית של ממשקי API ורכיב Thunkable Web API.

הנה דוגמה בסיסית מאוד לשימוש ב- Google Maps API כדי להפעיל את אפליקציית מפות Google מהאפליקציה שלך, תוך מיקוד למיקום ספציפי.

מדריך זה לדוגמה משתמש ב-API מ OpenWeatherMap.

אפשר להבחין ברשימת השמעה שלמה של דוגמאות שונות של API של אינטרנט.

פעילות: אפליקציית תזונה לפירות

זמן משוער: 30 דקות

הצג מידע על פירות באמצעות API

  1. פתח את פרויקט המתנע ב-Thinkable.
  2. הפעל את האפליקציה כדי לראות כיצד היא פועלת.
  3. צור עותק של הפרויקט כדי שתוכל לערוך אותו.
  4. בדוק את מחרוזת ה-JSON לדוגמה למטה כדי להבין איך היא נראית.
  5. כרגע, האפליקציה מציגה רק מידע על קלוריות. הוסף תווית שנייה מתחת ל-CalorieLabel כדי להציג את אחד מהערכים התזונתיים האחרים שהוחזרו.
פתח את Starter Project

שיטות עבודה מומלצות : עובדה מהנה, מה מייצג json? "סימון אובייקט ב-JavaScript". Json נוצר בשנת 1999 וכמעט כל פיסת נתונים שאנו משתמשים או מקבלים מדי יום צריכה להשתמש ב-json בצורה כלשהי. אם לא היה לנו json, כמעט כל פיסת טכנולוגיה שיש לנו הייתה חסרת תועלת. כמעט כל הנתונים מהענן זקוקים ל-json כדי להעביר נתונים.

שאלות מנחות לשאול תלמידים:

האם אתה יכול ליצור API בינך לבין חבריך? 

אם אחד מחבריך אומר "/שלום" אתה הולך להגיב בברכה. זה בעצם API. אדם אחד מבקש משהו (השלום) ואז אתה מגיב בברכה לפי בחירתך. האם יכולות להיות דוגמאות יותר מסובכות? /חיבוק, /triviaQuestion, /story, /weekendSummary

טיפים למנטורים ניתנים על ידי תמיכה מ-AmeriCorps.

A מסוגנן, לוגו AmeriCorps בצי

הנה מחרוזת JSON לדוגמה שהוחזרה על ידי FruityVice עבור בננה.

{ "genus": "Musa", 
"name": "Banana",
"id": 1,
"family": "Musaceae",
"order": "Zingiberales",
"nutritions":
{ "carbohydrates": 22,
"protein": 1,
"fat": 0.2,
"calories": 96,
"sugar": 17.2
}
}

מקווה שהוספת בהצלחה תווית תזונתית שנייה עם מידע API!

אם תרצה לראות פתרון אפשרי, לחץ על כפתור זה. 

הִשׁתַקְפוּת

שימוש בממשקי API באפליקציה שלך יכול להיות כלי חזק מאוד, אך לא קל ליישם אותו!

עליך להקדיש זמן לקריאת תיעוד ה-API עבור האתר כדי להבין כיצד להשיג את המידע הדרוש לך.

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

סקירה של תנאים עיקריים

  • ממשק תכנות יישומים (API) - דרך שבה תוכל לקבל מידע מאתר או מסד נתונים אחר לשימוש באפליקציה שלך