API 101 - Uma introdução básica às APIs

API significa Application Programming Interface (Interface de programação de aplicativos). Isso significa exatamente o que diz: há interfaces entre programas e essas interfaces permitem que esses programas se comuniquem. Quando os programadores desenvolvem aplicativos de software, eles geralmente precisam de seus softwares para se comunicar com outros softwares ou hardwares. A API define o que, como, quando, onde e por quê dessas comunicações e interações.

As APIs são uma maneira de resolver desafios comerciais com software. Na maioria das empresas, esse é um esforço colaborativo. A colaboração é sempre mais fácil com uma compreensão compartilhada de termos, conceitos e etapas principais.

Se você pensar em clicar em um link em uma página da Web, o navegador usa algumas APIs ao clicar no link. O navegador reconhece o clique, faz a solicitação para a página que você deseja visitar, recupera a página pela Internet e a exibe em sua tela. Há várias etapas menores entre elas, mas seu navegador é um software que se comunica e interage com várias APIs apenas para mostrar uma página da Web. Neste artigo, destacaremos termos, conceitos e etapas importantes ao usar ou discutir APIs.

No final deste artigo, você deverá ter uma compreensão clara desses termos, conceitos e etapas fundamentais. A documentação da API pode ser abrangente e as discussões sobre o uso de APIs para tratar de casos de uso específicos podem ser muito detalhadas. Navegar pela documentação e discutir APIs é mais fácil e produtivo, com fundamentos claros e entendimento compartilhado.

NOTE
Embora existam muitas APIs, o foco aqui será na Web e nas APIs de navegador: basicamente, quando um aplicativo de software interage com outro pela Internet.

Termos e conceitos da API

O que uma palavra ou frase significa e como posso pensar sobre isso de forma simples e fácil? Em uma API, a parte "aplicativo" significa um aplicativo de software ou programa. A parte "interface de programação" se refere a como e onde um aplicativo interage com outro aplicativo para determinados fins. Em nosso exemplo de página da Web, ao clicar em um link, o navegador envia uma solicitação a um servidor para a página da Web.

Imagem de hiperlink com URL de destino

Nesta captura de tela, o cursor do mouse passa sobre o link do Adobe Experience Platform. Na parte inferior está a barra de status do navegador que mostra o "endereço" da página que o navegador obterá. Em outras palavras, clicar no link do Adobe Experience Platform informa ao navegador para "obter essa página para mim para que eu possa vê-la aqui na minha tela".

Quando um link é clicado, o navegador faz uma solicitação a um servidor para obter uma página. Este é um GET solicitação, um dos métodos de solicitação comumente usados com APIs da web. Uma coisa que o navegador precisa para atender à solicitação é o "endereço" da página - onde ele está na Web?

Partes de um URL

Barra de endereços do navegador com URL

A maioria dos navegadores tem uma "barra de endereços" que mostra parte ou todo o "endereço" de uma página da Web. Quando o navegador "obtém" a página do link clicado, ele exibe o "endereço" da página nessa barra de endereços. Então, qual é o "endereço" de uma página da web?

Que https://business.adobe.com/products/experience-platform/adobe-experience-platform.html acima é o endereço de uma página na web, e é chamado de URL ou Localizador uniforme de recursos. Os URLs podem se referir a uma página como esta, a um arquivo de imagem, a um vídeo ou outros tipos de arquivo.

Partes de um URL

Esse endereço, o URL, tem partes específicas que são muito relevantes para as APIs da Web e do navegador.

Esquema

A variável scheme acima também é chamado de protocol com APIs da Web e geralmente é http ou https. HTTP ou HyperText Transfer Protocol é como os recursos como páginas da Web são transferidos de um servidor Web para um navegador da Web. HTTPS é a versão segura, em que a transferência ocorre pela Internet usando segurança, destinada a impedir interferência com o recurso que está sendo transferido. É comum ver um pequeno ícone de bloqueio na barra de endereços do navegador ao visualizar uma página sobre HTTPS.

Para APIs da Web, as transferências desses recursos ocorrem por meio de solicitações HTTP, ou seja, solicitações por HTTP.

Hosts e domínios

A variável business.adobe.com é o host do recurso que está sendo solicitado. Quando nosso link de exemplo é clicado, o navegador usa essa parte do URL para localizar o servidor onde a página está hospedada. Nem sempre é exatamente o mesmo que o servidor Web, mas em um nível básico, podemos pensar nele como o servidor onde o navegador obterá a página solicitada.

Os nomes de domínio fazem parte do Sistema de nomes de domínio, mais conhecido como DNS. A maioria das pessoas pensa em adobe.com ou example.com como um "nome de domínio", mas há partes relevantes para APIs. www.adobe.com e business.adobe.com pode ser chamado de nomes de domínio, mas a variável www. e a variável business. as partes são chamadas de subdomínios. As APIs geralmente interagem com um URL que inclui um subdomínio como api.example.com ou sub.www.example.com.

É muito comum ver o termo host consulte um nome de domínio completo, incluindo qualquer subdomínio como business.adobe.com. Também é comum ver os termos domínio ou nome do domínio ao se referir a um host sem o subdomínio como adobe.com. Memorizar os termos específicos para cada parte e variação de um hospedeiro não é importante aqui. Mas estar ciente de que esses termos são comumente usados é importante para que você possa esclarecer qualquer especificação relevante para seus negócios e discussões.

Origem

Origem é outro termo de reconhecimento que está intimamente relacionado às partes de um URL. A um nível básico, uma origem é aproximadamente a scheme mais o host mais o domain curtir https://business.adobe.com. Valores diferentes geralmente representam origens diferentes, como https://business.adobe.com e http://business.adobe.com não são da mesma origem porque têm regimes diferentes. https://www.adobe.com e https://business.adobe.com também não são a mesma origem em muitos usos devido aos diferentes subdomínios.

Caminho

O último bit no exemplo de URL acima é o path para o recurso, a página no nosso exemplo. A variável /products/experience-platform/ A parte geralmente representa pastas ou diretórios no servidor Web. Assim como temos pastas ou diretórios em nossos computadores para documentos e fotos, também temos pastas em servidores da Web para organizar conteúdo. E, finalmente, o /adobe-experience-platform.html part é o nome do arquivo—a página da web.

Há outras partes mais detalhadas de um URL que serão destacadas na próxima parte desta série.

APIs de terceiros

Às vezes, as APIs da Web são chamadas de APIs de terceiros. Pense nisso como as partes envolvidas em uma transação. No nosso exemplo de link, você — ou, mais especificamente, seu navegador — é a primeira parte na solicitação da página. O servidor Web é o segundo. Então, onde está o terceiro?

É comum que uma página da Web inclua conteúdo ou recursos de outros hosts ou fontes. Nesses casos, quando o navegador começa a exibir a página, ele faz outro conjunto de solicitações para esses outros hosts, ou "terceiros", que hospedam esses recursos. Isso é muito comum, especialmente para conteúdo de mídia como vídeos ou imagens, mas também para dados que precisam ser atualizados no momento em que são visualizados ou usados. Obter a hora atual do dia, o clima atual ou uma mensagem de boas-vindas personalizada para uma pessoa específica são exemplos em que uma API de terceiros pode fornecer o recurso certo na hora certa. É comum que essas solicitações venham dessas APIs de terceiros.

Usos comuns de APIs da Web

Além da hora do dia, do clima ou do conteúdo personalizado, há muitos usos para APIs da Web. Plataformas de mídia social como Twitter, TikTok, Facebook, LinkedIn, Snapchat, Pinterest e outros têm uma variedade de APIs que os programadores podem usar com seus aplicativos. E é claro, o Adobe também tem uma grande variedade de APIs que os programadores usam para que o software possa interagir com produtos e serviços da Adobe. Os produtos e serviços de software acessam outros produtos e serviços de software por meio dessas APIs.

Exemplo de APIs

As APIs de navegador permitem que os programadores interajam diretamente com os recursos do navegador. A API da bateria permite que o software verifique o status da bateria de um dispositivo para que ele possa alertá-lo se necessário. A API da área de transferência permite que o software copie ou cole com a área de transferência do seu dispositivo. A API de tela cheia permite que o software apresente a opção para expandir a exibição para a tela cheia do dispositivo, como o YouTube.

A API de acesso a dados do Adobe Experience Platform é uma API da Web que permite aos programadores acessar e baixar arquivos de conjunto de dados da Adobe Experience Platform para que possam usar os dados do perfil do cliente em seus próprios programas. É muito comum que APIs como essa façam parte de um processo de automação de software em que o software é programado para executar uma sequência de etapas usando várias APIs em combinação. Geralmente, isso pode representar uma economia de custo significativa em comparação à execução manual dessas mesmas etapas.

Endpoints de API

Quando os programadores "usam" um navegador ou API da Web em seus programas, eles normalmente fazem solicitações para enviar ou receber recursos, como nosso navegador de exemplo solicitando uma página da Web. A documentação da API geralmente lista "endpoints" para essas solicitações, por exemplo: https://platform.adobe.io/data/foundation/export/files/{dataSetFileId}. Esse é o padrão ou "endpoint" específico da API de acesso a dados da plataforma que um programador usará para obter um arquivo de conjunto de dados.

A variável {dataSetFileId} Entre essas chaves representa um valor que o programador precisa para enviar na solicitação. Portanto, o URL na solicitação de API real seria semelhante a https://platform.adobe.io/data/foundation/export/files/xyz123brb em que o xyz123brb precisa ser uma ID válida do arquivo de conjunto de dados que o programador deseja receber.

Em outras palavras, da mesma forma que o navegador obtém uma página em um URL específico, as solicitações de API obtêm recursos de, ou enviam recursos para, um endpoint específico como este exemplo de conjunto de dados.

métodos de solicitação HTTP

Nesse ponto, deve ficar claro que as APIs da Web fazem solicitações para recursos como páginas da Web ou conjuntos de dados. Como a maioria dos conceitos de software, essas solicitações HTTP seguem padrões repetíveis. Uma solicitação é enviada de um aplicativo de software para outro aplicativo de software que avalia a solicitação e, em seguida, responde: o navegador solicita uma página de um servidor Web e responde com o conteúdo da página.

Todo o processo, da solicitação à resposta, envolve várias etapas menores e muito detalhadas, mas os métodos de solicitação são simples. Os métodos de solicitação definem a operação que está sendo solicitada.

GET

A variável GET o método de solicitação é usado ao solicitar uma resposta que fornece um recurso, como nossa página da web e exemplos de conjunto de dados. Quando clicamos em um link em um navegador ou tocamos em um link em um dispositivo móvel, estamos criando um GET solicitação nos bastidores.

POST

A variável POST O método envia dados com a solicitação. Pode parecer estranho que uma "solicitação" envie dados, mas a ideia é que fazer a solicitação da API é solicitar ao endpoint — o software receptor — que aceite a solicitação e, no caso de um POST, para também aceitar os dados que estão sendo enviados. Os dados enviados normalmente são gravados em um armazenamento de dados, como um banco de dados ou arquivo, para que possam ser salvos.

PUT

A variável PUT o método de solicitação é semelhante a POST como envia dados, mas se os dados que estão sendo enviados já existirem no endpoint, uma PUT atualizará os dados existentes substituindo-os. A POST não atualiza, ele simplesmente envia, então vários POST as solicitações podem criar vários registros dos dados enviados, em vez de atualizar qualquer registro existente.

PATCH

A variável PATCH O método de solicitação é usado para enviar dados que atualizam parte de um registro existente, como quando alteramos nosso endereço atualizando nosso perfil de conta. Com um POST solicitação, um perfil adicional pode ser criado e com uma PUT, o perfil existente pode ser substituído, mas usando o PATCH simplesmente atualizamos a parte relevante do registro existente, como nosso endereço.

DELETE

A variável DELETE o método de solicitação remove um recurso especificado na solicitação, como se clicássemos em um link para excluir totalmente nosso perfil de conta.

Há vários outros, mas esta é uma lista dos métodos mais comuns ao trabalhar com APIs.

Exemplo de solicitação

Agora que você tem os termos básicos, conceitos e etapas envolvidos com as APIs, podemos observar um exemplo de solicitação de API na prática.

A página do nosso exemplo de navegador tem um URL de https://business.adobe.com/products/experience-platform/adobe-experience-platform.html. Quando o link do Adobe Experience Platform é clicado, o navegador faz uma GET para esta página. Como temos o navegador para fazer o trabalho por nós, basta clicar, mas se um programador quiser que a solicitação aconteça em um aplicativo de software, ele precisará fornecer todos os detalhes necessários para que a solicitação de API seja atendida com êxito.

Veja como isso pode parecer no código:

fetch(
  "https://business.adobe.com/products/experience-platform/adobe-experience-platform.html",
  {
    headers: {
      accept:
        "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9",
      "accept-language": "en-US,en;q=0.9",
      "sec-ch-ua":
        '" Not A;Brand";v="99", "Chromium";v="101", "Microsoft Edge";v="101"',
      "sec-fetch-dest": "document",
      "sec-fetch-mode": "navigate",
      "sec-fetch-site": "none",
      "sec-fetch-user": "?1",
      "upgrade-insecure-requests": "1",
    },
    referrerPolicy: "strict-origin-when-cross-origin",
    body: null,
    method: "GET",
    mode: "cors",
    credentials: "include",
  }
);

No código acima, você pode ver a variável URL o navegador está solicitando e, abaixo, perto da parte inferior, está o method: "GET" método de solicitação. As outras linhas de código também fazem parte da solicitação, mas estão além do escopo deste artigo.

recommendation-more-help
9cc2b5f3-7a2d-451f-950c-f8f7136b6390