ترميز واجهات برمجة التطبيقات في مخترع التطبيقات

تعرف على ماهية واجهات برمجة التطبيقات (APIs)
استخدام واجهة برمجة التطبيقات (API) في التطبيق للحصول على المعلومات

الأنشطة

هذه هي أنشطة هذا الدرس:

النشاط: تطبيق تغذية الفاكهة

واجهة برمجة التطبيقات

API ترمز إلى واجهة برمجة التطبيقات.

واجهة برمجة التطبيقات هي طريقة يمكنك من خلالها الحصول على معلومات من موقع إلكتروني أو قاعدة بيانات.

في حين أن التخزين السحابي عادةً ما يكون عبارة عن معلومات داخلية تتم مشاركتها داخل تطبيقك، فإن واجهات برمجة التطبيقات تسمح لتطبيقك بالوصول إلى المعلومات الخارجية من الإنترنت.

لنفترض أنك تقوم بإنشاء تطبيق لمساعدة الناس على تحديد ما يرتدونه بناءً على الطقس. يمكنك قضاء الكثير من الوقت في تحميل بيانات الطقس في قاعدة بيانات، ولكن هناك العديد من المواقع الإلكترونية التي تعرض الطقس.

الحل الأفضل هو الحصول على البيانات من موقع ويب خاص بالطقس وإظهارها للمستخدمين من خلال تطبيقك باستخدام واجهة برمجة التطبيقات.

إليك فيديو جيد يشرح كيفية عمل واجهات برمجة التطبيقات.

لاستخدام واجهة برمجة التطبيقات، يجب عليك

ابحث عن موقع ويب يستخدم واجهات برمجة التطبيقات. إليك قائمة من واجهات برمجة التطبيقات العامة المتاحة، مدرجة حسب الموضوع.
اقرأ وثائقهم لمعرفة كيفية استخدام واجهات برمجة التطبيقات الخاصة بهم. تقدم معظم المواقع أمثلة على ذلك.
تطلب منك بعض المواقع التسجيل للحصول على مفتاح API قبل استخدام واجهات برمجة التطبيقات الخاصة بها. لاحظ أن بعض واجهات برمجة التطبيقات تكلف أموالاً لاستخدامها.
دمج رمز واجهة برمجة التطبيقات في Thunkable.

أمثلة الترميز

فيما يلي بعض الأمثلة البسيطة لتبدأ باستخدام واجهات برمجة التطبيقات في App Inventor.

خرائط جوجل

فيما يلي مثال أساسي للغاية لاستخدام واجهة برمجة تطبيقات خرائط Google API ومكوِّن ActivityStarter لبدء تشغيل تطبيق خرائط Google من تطبيقك، مستهدفًا موقعًا محددًا. استخدم هذا قالب المبتدئين للمتابعة

الطقس

يستخدم هذا المثال التعليمي واجهة برمجة تطبيقات من خريطة الطقس المفتوح.

iTunes

يوضح لك هذا البرنامج التعليمي البسيط كيفية استخدام واجهة برمجة تطبيقات iTunes لتشغيل أغنية عند كتابة اسم فنان.

انقر على هذا الرابط لفتح البرنامج التعليمي للشريط الجانبي في App Inventor وتابعه.

النشاط: تطبيق تغذية الفاكهة

الوقت المقدر 30 دقيقة

عرض معلومات الفاكهة باستخدام واجهة برمجة التطبيقات (API)

افتح رابط مشروع معلومات الفاكهة في معرض مخترع التطبيقات.
قم بتحميل التطبيق في مخترع التطبيقات.
قم بتشغيل التطبيق لترى كيف يعمل.
تحقق من مثال سلسلة 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 
     } 
}