Tutorial del Internet de las Cosas y Bluetooth con el ESP32
Juan Antonio Villalpando

Volver al índice del tutorial

____________________________

117B.- Cliente de ThingSpeak con App Inventor.

- Vamos a enviar y recibir valores desde App Inventor a ThingSpeak.

- Estos códigos funcionan con el ESP32 y con el ESP8266.

___________________________
1.- App Inventor envía un valor para encender/apagar un LED4 de ThingSpeak.

- Creamos esta aplicación con App Inventor.

p117_esp8266_LED.aia

___________________________
- Diseño.

___________________________
- Bloques.

- Debemos poner la api_key acompañada del field que queremos modificar, en mi caso el field4:

https://api.thingspeak.com/update?api_key=ABCDEFGÑÑÑÑÑÑÑÑ&field4=

- En la Etiqueta1 recibiremos el 200 si la información enviada ha llegado a ThingSpeak.

___________________________
- En ThingSpeak.

- En ThingSpeak, vamos a Channel Settings y marcamos el Field4, le ponemos de nombre LED4. Save Channel.

- Luego añadimos un nuevo Widgets de tipo "Lamp indicator", lo asociamos el Field4.

- Observa que el Intervalo de actualización debe ser al menos de 15 segundos, esto quiere decir que debemos pulsar los Botones de App Inventor con más de 15 segundos de tiempo entre pulsados. Si se pulsa un Botón y otro en menos de 15 segundos, ThingSpeak no actualizará.

- Si recibe un 1 pone la Lamp en ON, en caso contrario se muestra apagada.

___________________________
2.- App Inventor envía un número a ThingSpeak. Obtener el último valor enviado.

- Creamos esta aplicación con App Inventor.

p117_esp_valor.aia

___________________________
- Diseño.

___________________________
- Bloques.

- Debemos poner la api_key acompañada del field que queremos modificar, en mi caso:

https://api.thingspeak.com/update?api_key=ABCDEFGÑÑÑÑÑÑÑÑ&field5=

- Para obtener el último valor enviado ponemos:

https://api.thingspeak.com/channels/703644/fields/field5/last

___________________________
- En ThingSpeak.

- En ThingSpeak, vamos a Channel Settings y marcamos el Field5, le ponemos de nombre Valor App Inventor. Save Channel.

- Luego pulsamos en "Add Visualizations" y lo asociamos al Field5.

- Observa que el Intervalo de actualización debe ser al menos de 15 segundos, esto quiere decir que debemos pulsar los Botones de App Inventor con más de 15 segundos de tiempo entre pulsados. Si se pulsa un Botón y otro en menos de 15 segundos, ThingSpeak no actualizará.

- Si queremos enviar un valor de forma automática desde App Inventor a ThingSpeak, pondremos un Reloj con un intervalor mayor de 15000 milisegundos.

___________________________
3.- App Inventor envía un número a ThingSpeak. Verlo en el VisorWeb de App Inventor.

p117_esp_valor_grafico.aia

- Vamos a ver el gráfico en una aplicación de App Inventor utilizando el VisorWeb.

- Obtendremos el gráfico, cada vez que se envíe un valor, el gráfico se actualizará automáticamente.

- El gráfico sale de un tamaño fijo, no lo podemos disminuir, de manera que sale algo descentrado, podemos poner la pantalla en panorámico.

- En vez de un gráfico podemos utilizar un círculo de medidas (gauge).

___________________________
- Diseño.

___________________________
- Bloques.

https://thingspeak.com/channels/12397/charts/6?&results=720&dynamic=true

result muestra los últimos 720 valores, se puede cambiar

_______________________________________________

- Otro ejemplo con ThinkSpeak y App Inventor

https://www.instructables.com/id/IoT-Made-Easy-With-UNO-ESP-01-ThingSpeak-and-MIT-A/ (Puerto 80)

_______________________________