APIs da Web


Índice

    Mostrar índice

Uma API Web é o sonho de qualquer desenvolvedor.

  • Pode estender a funcionalidade do navegador

  • Pode simplificar bastante funções complexas

  • Ele pode fornecer sintaxe fácil para códigos complexos

O que é API da Web?

API significa Ainterface de Pprogramação de aplicação.

Uma API da Web é uma interface de programação de aplicativos para a Web.

Uma API de navegador pode estender a funcionalidade de um navegador da web.

Uma API de servidor pode estender a funcionalidade de um servidor web.


APIs do navegador

Todos os navegadores possuem um conjunto de APIs da Web integradas para apoiar operações complexas e para ajudar no acesso a dados.

Por exemplo, a API de geolocalização pode retornar as coordenadas de onde o navegador está localizado.

Exemplo

Obtenha a latitude e longitude da posição do usuário:

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

Experimente você mesmo →

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


APIs de terceiros

APIs de terceiros não estão integradas ao seu navegador.

Para usar essas APIs, você terá que baixar o código da Web.

Exemplos:

  • API do YouTube - Permite exibir vídeos em um site.

  • API do Twitter - Permite exibir Tweets em um site.

  • API do Facebook - Permite exibir informações do Facebook em um site.