API web


Tabla de contenido

    Mostrar tabla de contenidos

Una API web es el sueño de un desarrollador.

  • Puede ampliar la funcionalidad del navegador.

  • Puede simplificar enormemente funciones complejas.

  • Puede proporcionar una sintaxis sencilla para código complejo.

¿Qué es la API web?

API significa Ainterfaz de Pprogramación de aplicaciones.

Una API web es una interfaz de programación de aplicaciones para la Web.

Una API de navegador puede ampliar la funcionalidad de un navegador web.

Una API de servidor puede ampliar la funcionalidad de un servidor web.


API del navegador

Todos los navegadores tienen un conjunto de API web integradas. para soportar operaciones complejas y ayudar a acceder a los datos.

Por ejemplo, la API de geolocalización puede devolver las coordenadas de dónde se encuentra el navegador.

Ejemplo

Obtenga la latitud y longitud de la posición del usuario:

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

Pruébelo usted mismo →

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

Las API de terceros no están integradas en su navegador.

Para utilizar estas API, deberá descargar el código de la Web.

Ejemplos:

  • API de YouTube: le permite mostrar vídeos en un sitio web.

  • API de Twitter: le permite mostrar tweets en un sitio web.

  • API de Facebook: le permite mostrar información de Facebook en un sitio web.