JavaScript

Web API Intro

في هذا الدرس سوف نتعرف علي ماهو API وماهي استخداماته وكيفية استخدامه باستخدام لغة الجافا سكريبت 

التاريخ

14 نوفمبر 2021

الدروس

146

المستوى

العامة

اللغة

انجليزي

المشاهدات

1876

المواضيع

24
الشروحات chevron_left Web API Intro chevron_left JavaScript

Web API Intro

</> Web API Intro

Web API هي تعتبر اكثر الأشياء التي تقوم بتقليل عبئ المطورين في أنجاز شيء معين يريدون القيام به 

  • تقوم بتوسيع بيئة عمل المتصفح 
  • تمكنك من تنفيذ اكواد معقدة عن طريق كتابة اكواد سهلة 
  • تقوم بتبسيط العمليات المعقدة ليمكنك استخدامها بسهولة 

</> ماهو ال API

 API هي اختصار ل Application Programming Interface وببساطة هي نقطة الوصل بين بيئة تطويرية معينة والمطورين , حتى تتيح لهؤلاء المطورين الاستفادة من خدامات هذه البيئة بدون الحاجة إلى بناء كل شيء من الصفر . وبشكل عام هدف API هو إخفاء التفاصيل Encapsulation و ابراز طريقة الاستفادة من الكود .


</> API Examples

  • Google API’s : حيث توفر جوجل مجموعة كبيرة من واجهات البرمجة مثل خدامات الترجمة Google Translate API وخدامات الخرائط Google Maps API واليوتيوب YouTube API.
  • Facebook API’s : يوفر أيضًا الفيسبوك مجموعة من API’s مثل Facebook social graph ويستخدم فى الوصول لمجموعة من البيانات العامة للمستخدمين.
  • VISA's API : عندما تقوم بشراء سلعة أو خدمة من خلال موقع على الإنترنت، فإن هذا الموقع يستخدم الـ API الخاص بشركة VISA على سبيل المثال، ليرسل له بيانات بطاقة المشتريات والسعر المطلوب خصمه، وينتظر الرد من خلال الـ API سواء بقبول العملية أو رفضها، وبناء عليه يقوم بتقديم الخدمة لك.

</> ماهو ال Web API ؟

  • Web API هو الشكل المحسن لتطبيق الويب لتقديم الخدمات على أجهزة مختلفة مثل الكمبيوتر المحمول والجوال وغيرها.
  • اليوم ، تستخدم جميع أنواع الشركات الإنترنت كوسيلة فعالة من حيث التكلفة لتوسيع أعمالها في الأسواق الدولية.
  • يساعد تطبيق الويب على تبادل المعلومات على الإنترنت ويساعد أيضًا في إجراء معاملة آمنة على مواقع الويب.
  • تحظى تطبيقات الويب بشعبية نظرًا لأن متصفح الويب متاح افتراضيًا ، ولا نحتاج إلى تثبيت أي برنامج على أجهزة الكمبيوتر التي تعمل بأنظمة التشغيل.
  • على سبيل المثال ، يعد Facebook (تطبيق ويب للشبكات الاجتماعية) و Flickr (تطبيق ويب لمشاركة الصور) و Wikipedia مثالاً رئيسًا لتطبيق الويب.

</> Browser APIs

تحتوي المتصفحات علي العديد من ال API's المبنية بداخلها built-in apis والتي نستخدمها لأجراء عمليات معقدة بكل سهولة دون الحاجة الي معرفة التفاصيل 

في المثال التالي استخدمنا احد هذه ال API's وهو " Geolocation API " ليقوم بتحديد خطوط الطول والعرض للمستخدم لتحديد موقعه 

Example

المثال التالي نقوم خلاله بالحصول علي كل من خط الطول وخط العرض الخاص بالمستخدم

const myElement = document.getElementById("demo");

function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    myElement.innerHTML = "Geolocation is not supported by this browser.";
  }
}

function showPosition(position) {
  myElement.innerHTML = "Latitude: " + position.coords.latitude +
  "<br>Longitude: " + position.coords.longitude;
}

</> Third Party APIs

هي عبارة عن مجموعة من ال API's تحتاج الي كتابة الاكواد الخاصة بها لتستطيع استخدامها وهي مثل 

  • YouTube API : تسمح لنا بعرض فيديوهات من موقع اليوتيوب 
  • Twitter API :    وهي تسمح لنا بعرض التغريدات من موقع twitter في الموقع الخاص بك 
  • Facebook API : تسمح لنا بعرض بعض المعلومات من موقع الفيسبوك 
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات

لديك استفسار ؟

يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.