Voltar para o Blog Iniciante • 5 min

Guia Rápido: Introdução a APIs REST

Aprenda os fundamentos das APIs REST e como consumir dados de forma eficiente. Um tutorial prático para iniciantes.

O que é uma API REST?

Uma API REST (Representational State Transfer) permite a comunicação entre sistemas usando padrões simples baseados no protocolo HTTP. Serviços como redes sociais, e-commerce e bancos digitais usam APIs para fornecer dados e funcionalidades.

Testando uma API REST

Vamos testar uma API pública usando a ferramenta Postman ou diretamente no navegador.

Consumindo uma API com JavaScript

Vamos usar fetch para consumir uma API pública de usuários fictícios:

<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Consumindo API REST</title>
</head>
<body>
  <h1>Lista de Usuários</h1>
  <ul id="users-list"></ul>
  <script>
    fetch('https://jsonplaceholder.typicode.com/users')
      .then(response => response.json())
      .then(users => {
        const list = document.getElementById('users-list');
        users.forEach(user => {
          const li = document.createElement('li');
          li.textContent = user.name;
          list.appendChild(li);
        });
      })
      .catch(error => console.error('Erro ao buscar dados:', error));
  </script>
</body>
</html>

O que este código faz?

Ele faz uma requisição GET para a API pública jsonplaceholder.typicode.com, recebe os dados em JSON e exibe os nomes dos usuários na página.

Próximos Passos

Tente modificar a requisição para buscar posts ou comentários. Explore outras APIs públicas para treinar.