Codificación de API en App Inventor

  • Conozca qué son las interfaces de programación de aplicaciones (API) 

  • Utilizar una API en una aplicación para obtener información

Éstas son las actividades para esta lección:

API

API significa interfaz de programación de aplicaciones.

Una API es una forma de obtener información de un sitio web o una base de datos.

Mientras que el almacenamiento en la nube suele ser información interna compartida dentro de tu aplicación, las API permiten a tu aplicación acceder a información externa desde Internet.

Almacenamiento en la nube
www conectada a 3 teléfonos
API

Supongamos que estás creando una aplicación para ayudar a la gente a decidir qué ropa ponerse en función del tiempo. Podrías dedicar mucho tiempo a cargar datos sobre el tiempo en una base de datos, pero hay muchas páginas web que muestran el tiempo. 

Una solución mejor sería simplemente tomar los datos de una web meteorológica y mostrárselos a tus usuarios a través de tu aplicación, utilizando una API.

Aquí encontrará una buena explicación de cómo funcionan las API en video .

Para utilizar una API, tienes que: 

  1. Encuentre un sitio web que utilice API. Aquí tiene una lista de API públicas disponibles, ordenadas por temas.
  2. Lee su documentación para saber cómo utilizar sus API. La mayoría de los sitios ofrecen ejemplos.
  3. Algunos sitios exigen que se registre para obtener una clave API antes de utilizar sus API. Tenga en cuenta que el uso de algunas API cuesta dinero.
  4. Incorpora el código de la API a Thunkable. 

EJEMPLOS DE CODIFICACIÓN

A continuación encontrará algunos ejemplos sencillos para empezar a utilizar las API en App Inventor.

He aquí un ejemplo muy básico del uso de API de Google Maps y el componente ActivityStarter para iniciar la aplicación Google Maps desde tu aplicación, apuntando a una ubicación específica. Utilice este plantilla de inicio para seguirlo.

Este tutorial de ejemplo utiliza una API de OpenWeatherMap.

Este sencillo tutorial muestra cómo utilizar la API de iTunes para reproducir una canción al escribir el nombre de un artista.

Logotipo de iTunes

Haga clic en este enlace para abrir el tutorial de la barra lateral en App Inventor y seguirlo.

ACTIVIDAD: APP DE NUTRICIÓN DE FRUTAS

Tiempo estimado: 30 minutos

Mostrar información sobre la fruta mediante API

  1. Abra el enlace al proyecto Información sobre frutas en la Galería App Inventor .
  2. Cargue la aplicación en App Inventor
  3. Ejecuta la aplicación para ver cómo funciona.
  4. Compruebe la cadena JSON de ejemplo que aparece a continuación para entender su aspecto.
  5. En este momento, la aplicación sólo muestra información sobre las calorías. Añada una segunda etiqueta debajo de CalorieLabel para mostrar uno de los otros valores nutricionales devueltos.
Abrir enlace a la galería

Mejores prácticas prácticas: Dato curioso, ¿qué significa json? "Notación de objetos JavaScript". Json se creó en 1999 y casi todos los datos que utilizamos u obtenemos a diario necesitan utilizar json de alguna manera. Si no tuviéramos json, casi toda la tecnología que tenemos sería inútil. Casi todos los datos de la nube necesitan json para pasar datos.

Preguntas orientativas para los alumnos:

¿Puedes crear una API entre tú y tus amigos? 

Si uno de tus amigos dice "/hola" vas a responder con un saludo. Eso es esencialmente una API. Una persona te pide algo (el hola) y tú le respondes con el saludo que tú elijas. ¿Podría haber ejemplos más complicados? /abrazo, /preguntaDeTrivialidades, /cuento, /resumenFinDeSemana

Los consejos de los mentores se proporcionan gracias al apoyo de AmeriCorps.

A estilizada, logotipo de AmeriCorps en azul marino

Esperamos que haya añadido correctamente una segunda etiqueta nutricional con información sobre la API.

Si desea ver una posible solución, haga clic en este botón. 

REFLEXIÓN

Utilizar APIs en tu aplicación puede ser una herramienta muy poderosa, pero no es fácil de implementar.

Debe dedicar tiempo a leer la documentación de la API del sitio para comprender cómo obtener la información que necesita.

red interconectada
¿Crees que es un componente útil para tu aplicación?
¿Puede encontrar un sitio web que le proporcione la información que necesita?

REVISIÓN DE TÉRMINOS CLAVE

  • Interfaz de programación de aplicaciones (API) - una forma de obtener información de otro sitio web o base de datos para utilizarla en tu aplicación.

RECURSOS ADICIONALES