programndo APIs no App Inventor

  • Saber o que são interfaces de programação de aplicativos (APIs) 

  • Usar uma API em um aplicativo para obter informações

Estas são as atividades para esta lição:

API

API significa interface de programação de aplicativos.

Uma API é uma maneira pela qual você pode obter informações de um site ou banco de dados.

Embora o armazenamento em nuvem geralmente seja uma informação interna compartilhada no app, as APIs permitem que o app acesse informações externas da Internet.

Armazenamento em nuvem
www conectado a 3 telefones
API

Digamos que você esteja criando um aplicativo para ajudar as pessoas a decidir o que vestir com base no clima. Você poderia gastar muito tempo carregando dados sobre o clima em um banco de dados, mas há muitos sites que mostram o clima. 

Uma solução melhor seria simplesmente obter dados de um site de meteorologia e mostrá-los aos seus usuários por meio do app, usando uma API.

Aqui está um bom vídeo explicativo de como as APIs funcionam.

Para usar uma API, você precisa: 

  1. Encontrar um site que use APIs. Aqui está uma lista de APIs públicas que estão disponíveis, listadas por tópico.
  2. Ler a documentação para saber como usar suas APIs. A maioria dos sites fornece exemplos.
  3. Alguns sites exigem que você se registre para obter uma chave de API antes de usar suas APIs. Observe que algumas APIs custam dinheiro para serem usadas.
  4. Incorporar o código da API ao Thunkable. 

EXEMPLOS

Abaixo estão alguns exemplos simples para você começar a usar APIs no App Inventor.

Aqui está um exemplo muito básico de uso da API do Google Maps e o componente ActivityStarter (IniciadorDeAtividade)para iniciar o aplicativo Google Maps no app, visando a um local específico. Use este modelo inicial para acompanhar.

Este tutorial de exemplo usa uma API do OpenWeatherMap.

Este tutorial simples mostra como usar a API do iTunes para reproduzir uma música quando você digita o nome de um artista.

Logotipo do iTunes

Clique neste link para abrir o tutorial da barra lateral no App Inventor e acompanhe-o.

ATIVIDADE: APLICATIVO DE NUTRIÇÃO COM FRUTAS

Tempo estimado: 30 minutos

Exiba informações sobre frutas usando a API

  1. Abra o link para o projeto Informações sobre frutas na Galeria do App Inventor .
  2. Carregue o aplicativo no App Inventor.
  3. Execute o aplicativo para ver como ele funciona.
  4. Veja o exemplo de cadeia de caracteres JSON abaixo para entender como ela se parece.
  5. No momento, o aplicativo exibe apenas informações sobre calorias. Adicione um segundo rótulo abaixo de CalorieLabel para exibir um dos outros valores nutricionais retornados.
Abrir link da galeria

Melhores práticas: Fato curioso: o que significa json? "Notação de objeto JavaScript". Json foi criado em 1999 e quase todos os dados que usamos ou obtemos todos os dias precisam usar json de alguma forma. Se não tivéssemos json, quase toda a tecnologia que temos seria inútil. Quase todos os dados da nuvem precisam de json para transmitir dados.

Perguntas de orientação para fazer a estudantes:

Você pode criar uma API entre você e seus amigos? 

Se um de seus amigos disser "/Olá", você responderá com uma saudação. Isso é essencialmente uma API. Uma pessoa solicita algo (o olá) e você responde com a saudação de sua escolha. Poderia haver exemplos mais complicados? /abraço, /QuestãoDeTrivia, /história, /ResumoDoFimDeSemana

As dicas são fornecidas com o apoio do AmeriCorps.

A estilizado, logotipo da AmeriCorps em azul-marinho

Esperamos que você tenha adicionado com sucesso um segundo rótulo nutricional com informações de API!

Se você quiser ver uma possível solução, clique neste botão. 

REFLEXÃO

O uso de APIs no app pode ser uma ferramenta muito poderosa, mas não é fácil de implementar!

Você deve dedicar algum tempo à leitura da documentação da API do site para entender como obter as informações de que precisa.

rede interconectada
Você acha que esse é um componente útil para o app da sua equipe?
Você consegue encontrar um site on-line que forneça as informações de que precisa?

REVISÃO DOS PRINCIPAIS TERMOS

  • Interface de programação de aplicativos (API) - uma maneira de obter informações de outro site ou banco de dados para usar em o app

RECURSOS ADICIONAIS