Arduino - Bombilla de control a través de la web

Acerca de este proyecto

El control vía web se ha convertido en una norma en estos días. En este sencillo proyecto, te mostraré cómo hacer una aplicación que controle una bombilla a través de la web.

Seguramente no es algo nuevo, pero lo que puede ver es que las cosas de control basadas en la web solo pueden tomar unos pocos pasos para hacerlo usted mismo. Cualquiera con algún conocimiento sobre programación web puede crear aplicaciones basadas en web para controlar / monitorear dispositivos.

Puedes ver la demostración aquí:

Componente de hardware

Primero es configurar el hardware. Aquí, uso una placa Arduino Uno, un protector WiFi PHPoC y una placa de relé PHPoC Arduino.

Cómo funciona

A continuación, se trata de la parte "basada en web". Combinando con PHPoC Shield, la placa Arduino se convirtió en un servidor web / servidor WebSocket. Entonces, básicamente necesitamos:

+ Código del lado del cliente :proporciona una interfaz de usuario basada en web para controlar la bombilla. La interfaz de usuario debería permitir a los usuarios enviar el comando de control al servidor web (placa Arduino). La interfaz de usuario también muestra el estado de la bombilla enviada en la respuesta del servidor. El código fuente de esta página web debe cargarse en el escudo. Al recibir la solicitud HTTP del navegador web (cliente web), el escudo (servidor web) enviará los archivos web interpretados al navegador web.

+ Código del lado del servidor :controla la bombilla en función de los datos enviados por el navegador web. El código se ejecuta en la placa Arduino, y el flujo no es más que un bucle, verifique si hay alguna solicitud del cliente web para configurar el relé para encender / apagar la bombilla y luego enviar el estado de la bombilla al navegador web .

En este proyecto, hice un elemento SVG para mostrar la bombilla y un botón para enviar el comando de control desde la Web. El navegador web y el servidor web se comunican entre sí a través de WebSocket. La conexión WebSocket se adapta a las aplicaciones en tiempo real.

Cuanto más esfuerzo dedique a crear la interfaz de usuario, mejor se verá. Pero no se preocupe, hay toneladas de recursos para compartir disponibles en Internet, por lo que puede encontrar un código fuente gratuito y genial para la interfaz de usuario en lugar de hacer todas las cosas de programación usted mismo.

Gracias por leer:D.

Obtenga más información sobre la retransmisión en este tutorial

        
 
  
 
 Switch 
 
 
 
 
    

 #include  #include  #define ON '1' # define OFF '0'byte expansionId =1; Relé ExpansionRelayOutput (expansionId, 0); servidor PhpocServer (80); void setup () {Serial.begin (9600); mientras (! Serial); // inicializar PHPoC [WiFi] Shield:Phpoc.begin (PF_LOG_SPI | PF_LOG_NET); //Phpoc.begin (); // iniciar el servidor WebSocket server.beginWebSocket ("remote_led"); // imprime la dirección IP de PHPoC [WiFi] Shield en el monitor serial:Serial.print ("Dirección del servidor WebSocket:"); Serial.println (Phpoc.localIP ()); Expansion.begin (); // obtener el nombre e imprimirlo en serie Serial.println (relay.getName ()); } void loop () {// espera un nuevo cliente:PhpocClient client =server.available (); if (cliente) {if (cliente.available ()> 0) {// leer un byte entrante del cliente:char thisChar =client.read (); cambiar (thisChar) {caso APAGADO:Serial.println ("Apagar LED"); relé.off (); server.write (APAGADO); descanso; caso ENCENDIDO:Serial.println ("Enciende el LED"); retransmitir en(); server.write (ENCENDIDO); descanso; }}}}