تعرف على ماهية واجهات برمجة التطبيقات (APIs)
استخدام واجهة برمجة التطبيقات (API) في التطبيق للحصول على المعلومات
هذه هي أنشطة هذا الدرس:
واجهة برمجة التطبيقات
API ترمز إلى واجهة برمجة التطبيقات.
واجهة برمجة التطبيقات هي طريقة يمكنك من خلالها الحصول على معلومات من موقع إلكتروني أو قاعدة بيانات.
في حين أن التخزين السحابي عادةً ما يكون عبارة عن معلومات داخلية تتم مشاركتها داخل تطبيقك، فإن واجهات برمجة التطبيقات تسمح لتطبيقك بالوصول إلى المعلومات الخارجية من الإنترنت.
لنفترض أنك تقوم بإنشاء تطبيق لمساعدة الناس على تحديد ما يرتدونه بناءً على الطقس. يمكنك قضاء الكثير من الوقت في تحميل بيانات الطقس في قاعدة بيانات، ولكن هناك العديد من المواقع الإلكترونية التي تعرض الطقس.
الحل الأفضل هو الحصول على البيانات من موقع ويب خاص بالطقس وإظهارها للمستخدمين من خلال تطبيقك باستخدام واجهة برمجة التطبيقات.
إليك فيديو جيد يشرح كيفية عمل واجهات برمجة التطبيقات.
لاستخدام واجهة برمجة التطبيقات، يجب عليك
- ابحث عن موقع ويب يستخدم واجهات برمجة التطبيقات. إليك قائمة من واجهات برمجة التطبيقات العامة المتاحة، مدرجة حسب الموضوع.
- اقرأ وثائقهم لمعرفة كيفية استخدام واجهات برمجة التطبيقات الخاصة بهم. تقدم معظم المواقع أمثلة على ذلك.
- تطلب منك بعض المواقع التسجيل للحصول على مفتاح API قبل استخدام واجهات برمجة التطبيقات الخاصة بها. لاحظ أن بعض واجهات برمجة التطبيقات تكلف أموالاً لاستخدامها.
- دمج رمز واجهة برمجة التطبيقات في Thunkable.
أمثلة الترميز
فيما يلي بعض البرامج التعليمية التي ستمنحك بعض التدريبات على استخدام واجهة برمجة تطبيقات الويب في Thunkable.
ملحوظة! في بعض البرامج التعليمية المدرجة هنا، يظهر مكوّن واجهة برمجة تطبيقات الويب في نافذة المصمم. ومع ذلك، في الإصدار الحالي من Thunkable، ستجد مكوّن واجهة برمجة تطبيقات الويب في محرر الكتل، ضمن متقدم.
انقر على + لإضافة مكون واجهة برمجة تطبيقات الويب. يمكنك إضافة عنوان URL ومعلمات الاستعلام في نافذة الخصائص التي تظهر، أو في الشيفرة البرمجية. يجب أن يكون ترميز الكتل هو نفسه.
فيما يلي مثال أساسي للغاية لاستخدام واجهة برمجة تطبيقات خرائط Google API لبدء تشغيل تطبيق خرائط Google من تطبيقك الخاص، مستهدفًا موقعًا محددًا.
النشاط: تطبيق تغذية الفاكهة
عرض معلومات الفاكهة باستخدام واجهة برمجة التطبيقات (API)
- افتح مشروع البداية في Thunkable.
- قم بتشغيل التطبيق لترى كيف يعمل.
- قم بعمل نسخة من المشروع حتى تتمكن من تحريره.
- تحقق من مثال سلسلة JSON أدناه لفهم شكلها.
- في الوقت الحالي، يعرض التطبيق معلومات السعرات الحرارية فقط. أضف تسمية ثانية أسفل CalorieLabel لعرض إحدى القيم الغذائية الأخرى التي تم إرجاعها.
نصيحة الموجه
أفضل الممارسات الممارسات: حقيقة ممتعة، ماذا ترمز json؟ "JavaScript Object Notation". تم إنشاء Json في عام 1999، وتقريبًا كل جزء من البيانات التي نستخدمها أو نحصل عليها كل يوم تحتاج إلى استخدام json بطريقة ما. إذا لم يكن لدينا json، فإن كل جزء من التكنولوجيا التي لدينا تقريبًا سيكون عديم الفائدة. تحتاج جميع البيانات من السحابة تقريبًا إلى json لتمرير البيانات.
أسئلة إرشادية لطرحها على الطلاب:
هل يمكنك إنشاء واجهة برمجة تطبيقات بينك وبين أصدقائك؟
إذا قال أحد أصدقائك "/مرحبًا" فسترد عليه بتحية. هذه في الأساس واجهة برمجة تطبيقات. يطلب أحد الأشخاص شيئًا ما (مرحبًا) ثم ترد عليه بتحية من اختيارك. هل يمكن أن يكون هناك أمثلة أكثر تعقيدًا؟ /حضن، /تحية، /تفاهات/، /قصة، /ملخص نهاية الأسبوع
يتم توفير نصائح الموجهين من خلال الدعم المقدم من 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) - طريقة يمكنك من خلالها الحصول على المعلومات من موقع إلكتروني أو قاعدة بيانات أخرى لاستخدامها في تطبيقك
الموارد الإضافية
