Webová rozhraní API

Obsah

    Zobrazit obsah

Webové API je snem vývojáře.

  • Může rozšířit funkčnost prohlížeče

  • Může výrazně zjednodušit složité funkce

  • Může poskytnout snadnou syntaxi složitého kódu

Co je Web API?

API je zkratka pro Application Programming Ininterface.

Web API je aplikační programovací rozhraní pro web.

Rozhraní API prohlížeče může rozšířit funkčnost webového prohlížeče.

Server API může rozšířit funkčnost webového serveru.

Rozhraní API prohlížeče

Všechny prohlížeče mají sadu vestavěných webových rozhraní API pro podporu složitých operací a pro usnadnění přístupu k datům.

Geolocation API může například vrátit souřadnice místa, kde se prohlížeč nachází.

Příklad

Získejte zeměpisnou šířku a délku pozice uživatele:

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; 
}

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Geolocation</h2>

<p>Click the button to get your coordinates.</p>

<button onclick="getLocation()">Try It</button>

<p id="demo"></p>

<script>
const x = document.getElementById("demo");

function getLocation() {
  try {
    navigator.geolocation.getCurrentPosition(showPosition);
  } catch {
    x.innerHTML = err;
  }
}

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

</body>
</html>

API třetích stran

Rozhraní API třetích stran nejsou zabudována do vašeho prohlížeče.

Chcete-li používat tato rozhraní API, budete si muset stáhnout kód z webu.

Příklady:

  • YouTube API - Umožňuje zobrazovat videa na webových stránkách.

  • Twitter API - Umožňuje zobrazovat Tweety na webové stránce.

  • Facebook API - Umožňuje zobrazit informace o Facebooku na webové stránce.