Web API - Introducción

Las Web API son el sueño de los desarrolladores.

  • Puede expandir las funciones del navegador
  • Puede simplificar enormemente las funciones complejas
  • Puede proporcionar una sintaxis simple para el código complejo

¿Qué es Web API?

API se refiere a la interfaz de programación de aplicaciones (Application Programming Interface).

Las Web API son las interfaces de programación de aplicaciones del Web.

Las API del navegador pueden expandir las funciones del navegador web.

Las API del servidor pueden expandir las funciones del servidor web.

API del navegador

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

Por ejemplo, la API de Geolocation puede devolver las coordenadas de ubicación del navegador.

Ejemplo

Obtener la latitud y longitud de la ubicación del usuario:

const myElement = document.getElementById("demo");
function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);}
  } else {
    myElement.innerHTML = "Geolocalización no es compatible con este navegador.";
  }
}
function showPosition(position) {
  myElement.innerHTML = "Latitud: " + position.coords.latitude +
  "Longitud: " + position.coords.longitude;
}

Prueba personalmente

API de terceros

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

Para usar estas API, debe descargar el código desde la web.

Ejemplo:

  • API de YouTube - Permite mostrar videos en su sitio web.
  • API de Twitter - Permite mostrar tuits en su sitio web.
  • API de Facebook - Permite mostrar información de Facebook en su sitio web.