وب آی پی آی (Web API) چیست ؟ + نمونه های معروف 😁

ای پی آی (API) چیست ؟؟

ای پی آی (API) مخفف عبارت (Application Programming Interface) به معنای رابط برنامه‌نویسی کاربردی بوده که مانند پل ارتباطی بین دو نرم‌افزار عمل می‌کند و به برنامه‌نویسان این امکان را داده تا با استفاده از توابع و دستورات مشخص از قابلیت‌های یک سیستم یا برنامه استفاده کنند برای مثال، با یکی از انواع API به داده‌های یک وب‌سرویس یا خدمات یک‌ پلتفرم ابری وصل شوند. در واقع، به‌جای اینکه خودتان صفر تا صد یک سرویس را کدنویسی کنید، با استفاده از API می‌توانید به سرویس یا سروری وصل شده و اطلاعات آن را دریافت کنید.

وب ای پی آی (Web API) چیست ؟؟

وب ای پی آی (Web API) اساسا یک مفهوم توسعه وب است که هم در سرور وب و هم در مرورگر وب استفاده می شود. وب ای پی آی (Web API) را می توان با استفاده از فناوری های مختلف مانند جاوا، ASP.NET و غیره توسعه داد.

این برنامه به سمت سرویس گیرنده وب (Client) محدود می شود و شامل سرور وب یا جزئیات مرورگر وب نمی شود.

اگر قرار است از برنامه ای در سیستم توزیع شده استفاده شود و خدمات را در دستگاه های مختلف مانند لپ تاپ، تلفن همراه و غیره ارائه دهد، از خدمات Web API استفاده می شود.

وب ای پی آی (Web API) فرم پیشرفته برنامه وب است.

چند نمونه معروف و کاربردی ! :)

Fetch API

getText(&quotfetch_info.txt&quot);

async function getText(file) {

  let myObject = await fetch(file);

  let myText = await myObject.text();

  document.getElementById(&quotdemo&quot) = myText;

}

Drag & Drop API

function allowDrop(ev) {
  ev.preventDefault();
}

function drag(ev) {
  ev.dataTransfer.setData(&quottext&quot, ev.target.id);
}

function drop(ev) {
  ev.preventDefault();
 var data = ev.dataTransfer.getData(&quottext&quot);
  ev.target(document.getElementById(data));
}

Web Storage API

sessionStorage.setItem(&quotname&quot,&quotJohn Doe&quot);

document.getElementById(&quotdemo&quot)
 = sessionStorage.getItem(&quotname&quot);

Geolocation API

const x = document.getElementById(&quotdemo&quot);

function getLocation() {
 if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    x = &quotGeolocation is not supported by this browser."
  }
}

function showPosition(position) {
  x = &quotLatitude: &quot + position.coords.latitude +
 &quot<br>Longitude: &quot + position.coords.longitude;
}

SSE API

if (typeof(EventSource) !== &quotundefined&quot) {

  var source = new EventSource(&quotdemo_sse.php&quot);

  source. = function(event) {

    document.getElementById(&quotresult&quot) += event.data + &quot<br>"

  };

} else {

  document.getElementById(&quotresult&quot) = &quotbrowser doesn't support"

}

Form API

function myFunction() {
 const inpObj = document.getElementById(&quotid1&quot);
 if (!inpObj.checkValidity()) {
    document.getElementById(&quotdemo&quot) = inpObj.validationMessage;
  }
}

History API

function func() {
  window.history.back();
}