Arduino - Termómetro basado en web
Componentes y suministros
| × | 1 | ||||
| × | 1 | ||||
| × | 1 | ||||
| × | 1 | ||||
| × | 1 |
Acerca de este proyecto
Si eres un principiante, puedes aprender sobre wifi y sensor en Arduino - Wifi y Arduino - tutoriales de sensor de temperatura DS18B20
Hice un proyecto similar usando solo PHPoC aquí.
Demostración
Flujo de datos
Arduino ---> PHPoC WiFi Shield ---> Navegador web
Arduino lee la temperatura del sensor y envía el valor de temperatura a PHPoC WiFi Shield. Al recibir el valor de temperatura, PHPoC WiFi Shield lo envía al navegador web a través de websocket. La función de JavaScript visualiza el valor de temperatura en la interfaz de usuario.
Tenga en cuenta que: PHPoC shield tiene un programa incorporado para pasar datos desde Arduino al navegador web. Por lo tanto, no es necesario que nos preocupemos por ello.
Qué debemos hacer
- Configure la información de WiFi para el escudo PHPoC (SSID y contraseña)
- Sube una nueva interfaz de usuario al escudo PHPoC
- Escriba el código Arduino
Configuración de la información de WiFi para PHPoC Shield
Vea esta instrucción.
Cargar una nueva interfaz de usuario web en PHPoC Shield
- Descargue el código fuente de PHPoC remote_thermometer.php (en la sección de códigos).
- Súbelo al escudo PHPoC usando el depurador PHPoC de acuerdo con estas instrucciones.
Escribir código Arduino
- Instale las siguientes tres bibliotecas:Biblioteca PHPoC para Arduino, OneWire y Dallas Temperature (consulte las instrucciones).
- Cargue el código de Arduino (en la sección de código) a Arduino
Probando
- Haga clic en el botón de serie en Arduino IDE para ver la dirección IP.
- Abra el navegador web, escriba
http://
replace_ip_address
/remote_thermometer.php
- Haga clic en el botón Conectar y pruébelo.
El mejor kit de inicio de Arduino para principiantes
Si está buscando un kit de Arduino, consulte El mejor kit de Arduino para principiantes
Referencias de funciones
- Serial.begin ()
- Serial.println ()
- retraso ()
- milis ()
- para bucle
- ciclo while
- si es otra cosa
- bucle ()
- configuración ()
- String.toInt ()
- String.substring ()
- String.indexOf ()
- String.remove ()
- String.equals ()
Código
- Código Arduino
- remote_thermometer.php
Código Arduino Arduino
#include#include #include "SPI.h" #include "Phpoc.h" // El cable de datos está conectado al puerto 8 del ArduinoOneWire oneWire (8); sensores de temperatura Dallas (&oneWire); servidor PhpocServer (80); booleano ya conectado =falso; configuración vacía () {Serial.begin (9600); mientras (! Serial); sensores.begin (); Phpoc.begin (PF_LOG_SPI | PF_LOG_NET); server.beginWebSocket ("termómetro"); Serial.print ("Dirección del servidor WebSocket:"); Serial.println (Phpoc.localIP ()); } void loop () {// cuando el cliente envía el primer byte, saluda:PhpocClient client =server.available (); if (cliente) {sensor.requestTemperatures (); temperatura flotante =sensores.getTempCByIndex (0); String txtMsg =String (temp) + "\ r \ n"; char buf [txtMsg.length ()]; txtMsg.toCharArray (buf, txtMsg.length ()); servidor.escribir (buf, txtMsg.length ()); retraso (300); }}
termómetro_remoto.php PHP
Este archivo proporciona una interfaz de usuario web. Sube este archivo a PHPoC Wifi Shield o PHPoC Shield de acuerdo con las instrucciones descritas.Arduino - PHPoC Shield - Termómetro
Arduino - Termómetro web
WebSocket: null
Esquemas
1. Apile el escudo wifi PHPoC o el escudo PHPoC en Arduino2. Cableado como en la imagen de abajo
Proceso de manufactura