Botón de IoT que controla su aplicación: 6 pasos

2025 Autor: John Day | [email protected]. Última modificación: 2025-01-23 14:40

Por appshedAppShed Sigue más por el autor:

Acerca de: Appshed es una plataforma educativa donde los estudiantes y profesores pueden aprender Creación de aplicaciones, Creación de juegos e IoT / Robótica. Más sobre appshed »

Una de las cosas que más me gustan de los microcontroladores es la capacidad de usarlos como un dispositivo de entrada, por ejemplo, el Arduino Micro se puede usar como un HID (dispositivo de interfaz humana), lo que significa que con algo de codificación y conocimientos, podrías hacer tu propio teclado. o el mouse de un Arduino! Eso me hizo pensar en el uso de un dispositivo IoT como entrada para controlar las cosas en una aplicación. Entonces, en este proyecto, veremos cómo hacer un botón de aplicación conectada que se pueda programar para hacer casi cualquier cosa en nuestra aplicación.

Paso 1: instalar las bibliotecas

Para cargar nuestro código, usaremos el muy popular IDE de Arduino que se puede descargar aquí. Ahora que vamos a utilizar el sitio web AppShed para controlar y editar la forma en que funciona el tablero, no es necesario que nos concentremos en el código real que ingresa al tablero. El código que estamos cargando es el boceto maestro de AppShed que permite al sitio web controlar todos los pines de la placa.

Ahora, para poder cargar código en nuestra placa a través del IDE de Arduino, necesitamos instalar su biblioteca que permite al IDE hablar con nuestra placa específica. Esto se hace de la siguiente manera:

• Inicie el IDE de Arduino
• Navegue hasta Archivo y haga clic en Preferencias
• Hacia la parte inferior, debería ver "URL adicionales del administrador de tableros" seguidas de un espacio en blanco.
• Copia y pega esto en el espacio en blanco

Ahora necesitamos instalar las placas bajo el administrador de la placa.

• Navegue a Herramientas, luego Tablero y luego haga clic en Administrador de tablero
• Ahora en la barra de búsqueda busque ESP8266
• Haga clic en la primera opción y haga clic en Instalar

Ahora nuestra placa puede comunicarse con Arduino IDE

Paso 2: carga del código

Entonces, en este punto, hemos descargado las bibliotecas que se necesitan para ayudar al IDE de Arduino a comunicarse con nuestra placa de IoT y hemos descargado las bibliotecas que permiten que se ejecute el boceto maestro de AppShed. Ahora, todo lo que tenemos que hacer es cambiar el nombre y la contraseña de su dispositivo IoT en el código. Si no lo hace, el nombre wifi de sus dispositivos IoT será "Your_device_name_here".

Para hacer esto, necesitamos lo siguiente:

• Conecte su placa de IoT a su computadora
• Descargue y abra el boceto maestro de Appshed (que se puede encontrar aquí)
• Navegue a herramientas y haga clic en a bordo
• Desplácese hacia abajo hasta que vea su tablero, luego haga clic en él (estoy usando NodeMCU, así que voy a hacer clic en NodeMCU)
• Ahora navegue de regreso a herramientas y haga clic en el puerto, desde aquí debería ver su tablero (debería verse así "com 9" si está en Windows y "/dev/cu.wchusbserial1410 'para mac)
• Haga clic en la flecha lateral para cargar y espere mientras lo hace.

Si recibe un mensaje después de aproximadamente 2 a 3 minutos diciendo que terminó de cargar, ¡todo funcionó perfectamente! Para verificar que nuestra placa está funcionando, también podemos ir a nuestra configuración de WiFi y buscar el nombre que le dimos antes a la placa si está funcionando.

Paso 3: configurar la aplicación

Crear una aplicación que reciba datos de una placa de IoT externa puede parecer bastante aterrador si no es un desarrollador de aplicaciones profesional, sin embargo, esto no es un problema porque vamos a utilizar la estructura de información de AppSheds para hacer nuestra aplicación que lo hace realmente fácil.

Necesitamos comenzar por ir a AppShed y crear una cuenta gratuita o iniciar sesión en una existente. Desde aquí debería ver las dos opciones IoT Builder o App Builder, vamos a comenzar haciendo clic en IoT Builder ya que esto nos permitirá establecer qué pines queremos que actúen como salidas o entradas. Una vez que la página esté cargada, haga clic en Nuevo proyecto de IoT, asigne un nombre a la entrada de la placa y haga clic en guardar.

Ahora, dado que queremos establecer uno de los pines como entrada para ver cuándo se presiona el botón, debemos comenzar haciendo clic en el icono del botón debajo de Entradas digitales y luego hacer clic en el Pin 1 para unirlos y luego darle un nombre como " botón "y haga clic en guardar.

Ahora vamos a pasar al lado de la creación de aplicaciones.

Paso 4: creación de la aplicación

Ahora volvemos a esa página de destino después de iniciar sesión y esta vez hacemos clic en App Builder. Se le debe presentar un teléfono simulado, debemos comenzar haciendo clic en el botón más para iniciar una nueva aplicación. Una vez que está cargado, lo primero que tenemos que hacer es vincular ese tablero de IoT que acabamos de hacer a nuestra aplicación, hacemos esto haciendo clic en el tablero y luego haciendo clic en el tablero que acabamos de hacer, que debería llamarse entrada. Ahora, con la placa cargada, podemos comenzar a agregar funciones a la aplicación.

Comenzamos haciendo clic en el cuadro de entrada debajo de los formularios y lo titulamos Estado del botón. Luego necesitamos nombrarlo botón, esto es importante porque nombramos el botón pin uno antes, por lo que nombrarlo botón ayuda a unir estas dos cosas. ¡Ahora simplemente hacemos clic en guardar y la aplicación está lista!

Paso 5: publicación y prueba

Ahora que la aplicación súper básica está construida, necesitamos publicarla y obtenerla en nuestro teléfono. Hacemos esto haciendo clic en el botón de publicar, una vez que se haya completado, debemos navegar a la pestaña de compartir y hacer clic en el código QR que luego le presentará un código QR que puede escanear con su teléfono.

Una vez que se cargó esa aplicación web, necesitábamos conectar nuestro teléfono a nuestros dispositivos de IoT WiFi, lo que hacemos dirigiéndonos a la configuración de WiFi en su teléfono y luego conectándonos al nombre del dispositivo que le dimos anteriormente.

Ahora podemos regresar a la aplicación y presionar el botón en nuestros dispositivos IoT, debería ver un 1 cuando se presiona el botón y un 0 cuando no se presiona el botón. Si no ve ningún valor, intente actualizar la página y debería ver un valor emergente.

Paso 6: llevarlo más lejos

Ahora, sí, ver solo un 1 o un 0 es un poco aburrido, sin embargo, el objetivo de este proyecto es solo mostrarle lo que es posible, es su trabajo llevarlo más allá y crear algo realmente sorprendente. Como ejemplo, puede configurar la aplicación para que active un sonido o reproduzca un video (aquí hay un ejemplo de esto

Si tiene alguna pregunta por favor déjenos un comentario, ¡gracias por leer!