Webb-API:er


Innehållsförteckning

    Visa innehållsförteckning

Ett webb-API är en utvecklares dröm.

  • Det kan utöka webbläsarens funktionalitet

  • Det kan avsevärt förenkla komplexa funktioner

  • Det kan ge enkel syntax till komplex kod

Vad är webb-API?

API står för Application Programming Interface.

Ett webb-API är ett applikationsprogrammeringsgränssnitt för webben.

Ett webbläsar-API kan utöka funktionaliteten hos en webbläsare.

Ett server-API kan utöka funktionaliteten hos en webbserver.


Webbläsares API:er

Alla webbläsare har en uppsättning inbyggda webb-API:er för att stödja komplexa operationer och för att få tillgång till data.

Till exempel kan Geolocation API returnera koordinaterna för var webbläsaren finns.

Exempel

Få latitud och longitud för användarens position:

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

Prova själv →

<!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>


Tredje parts API:er

Tredje parts API:er är inte inbyggda i din webbläsare.

För att använda dessa API:er måste du ladda ner koden från webben.

Exempel:

  • YouTube API - Låter dig visa videor på en webbplats.

  • Twitter API - Låter dig visa Tweets på en webbplats.

  • Facebook API - Låter dig visa Facebook-information på en webbplats.