Web-API - Einführung

Web-API ist der Traum der Entwickler.

  • Es kann die Funktionen des Browsers erweitern
  • Es kann komplexe Funktionen erheblich vereinfachen
  • Es kann eine einfache Syntax für komplexe Code bieten

Was ist eine Web-API?

API bedeutet Anwendungsprogrammier-API (AApplication PProgramming IInterface）。

Web-API sind die Anwendungsprogrammier-APIs des Webs.

Browser-API können die Funktionen eines Web-Browsers erweitern.

Server-API können die Funktionen eines Web-Servers erweitern.

Browser-API

Alle Browser haben eine Reihe von eingebauten Web-APIs, die komplexe Operationen unterstützen und beim Zugriff auf Daten helfen.

Zum Beispiel kann die Geolocation API die Koordinaten des Standorts des Browsers zurückgeben.

Beispiel

Ermitteln Sie die geografische Lage des Benutzers:

const myElement = document.getElementById("demo");
function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    myElement.innerHTML = "Diese Browser unterstützt keine Geolocation.";
  }
}
function showPosition(position) {
  myElement.innerHTML = "Breitengrad: " + position.coords.latitude +
  "Längengrad: " + position.coords.longitude;
}

Versuchen Sie es selbst

Dritte API

Dritte API sind nicht in Ihrem Browser integriert.

Um diese API zu verwenden, müssen Sie den Code von der Website herunterladen.

Beispiel:

  • YouTube-API - Ermöglicht die Anzeige von Videos auf Ihrer Website.
  • Twitter-API - Ermöglicht die Anzeige von Tweets auf Ihrer Website.
  • Facebook-API - Ermöglicht die Anzeige von Facebook-Informationen auf Ihrer Website.