Arduino - Webbasiertes Thermometer
Komponenten und Verbrauchsmaterialien
| × | 1 | ||||
| × | 1 | ||||
| × | 1 | ||||
| × | 1 | ||||
| × | 1 |
Über dieses Projekt
Wenn Sie ein Anfänger sind, können Sie in Arduino - Wifi und Arduino - DS18B20 Temperatursensor-Tutorials mehr über WLAN und Sensoren erfahren
Ich habe hier ein ähnliches Projekt nur mit PHPoC gemacht.
Demo
Datenfluss
Arduino ---> PHPoC WiFi Shield ---> Webbrowser
Arduino liest die Temperatur vom Sensor und sendet den Temperaturwert an PHPoC WiFi Shield. Wenn der Temperaturwert empfangen wird, sendet PHPoC WiFi Shield diesen über Websocket an den Webbrowser. Die JavaScript-Funktion visualisiert den Temperaturwert auf der Benutzeroberfläche.
Beachten Sie Folgendes: PHPoC-Schild verfügt über ein integriertes Programm zum Übergeben von Daten von Arduino an den Webbrowser. Daher müssen wir uns nicht darum kümmern.
Was wir tun müssen
- WLAN-Informationen für PHPoC-Schild festlegen (SSID und Passwort)
- Neue Benutzeroberfläche auf PHPoC-Schild hochladen
- Arduino-Code schreiben
WLAN-Informationen für PHPoC Shield einstellen
Siehe diese Anleitung.
Neue Web-Benutzeroberfläche in PHPoC Shield hochladen
- Download des PHPoC-Quellcodes remote_thermometer.php (im Codeabschnitt).
- Laden Sie es mit dem PHPoC-Debugger gemäß dieser Anleitung auf den PHPoC-Schild hoch.
Arduino-Code schreiben
- Installieren Sie drei der folgenden Bibliotheken:PHPoC-Bibliothek für Arduino, OneWire und Dallas Temperature (siehe Anleitung).
- Laden Sie Arduino-Code (im Codeabschnitt) auf Arduino hoch
Testen
- Klicken Sie auf die serielle Schaltfläche in der Arduino IDE, um die IP-Adresse anzuzeigen.
- Öffnen Sie den Webbrowser, geben Sie
http://
einreplace_ip_address
/remote_thermometer.php
- Klicken Sie auf die Schaltfläche "Verbinden" und testen Sie es.
Das beste Arduino Starter Kit für Anfänger
Wenn Sie nach einem Arduino-Kit suchen, lesen Sie Das beste Arduino-Kit für Anfänger
Funktionsreferenzen
- Seriell.begin()
- Seriell.println()
- verzögerung()
- millis()
- for-Schleife
- while-Schleife
- wenn sonst
- Schleife()
- setup()
- String.toInt()
- String.substring()
- String.indexOf()
- String.remove()
- String.equals()
Code
- Arduino-Code
- fernes_thermometer.php
Arduino-CodeArduino
#include#include #include "SPI.h"#include "Phpoc.h"// Datenkabel ist an Port 8 des ArduinoOneWire oneWire(8) angeschlossen; DallasTemperatursensoren (&oneWire);PhpocServer server(80);boolean bereitsConnected =false; Void setup () { Serial.begin (9600); while(!Seriell); sensoren.begin(); Phpoc.begin(PF_LOG_SPI | PF_LOG_NET); server.beginWebSocket("Thermometer"); Serial.print("WebSocket-Serveradresse:"); Serial.println (Phpoc.localIP()); }void loop() { // Wenn der Client das erste Byte sendet, sag hallo:PhpocClient client =server.available(); if (client) {sensoren.requestTemperatures(); Schwimmertemperatur =Sensoren.getTempCByIndex(0); String txtMsg =String(temp) + "\r\n"; char buf[txtMsg.length()]; txtMsg.toCharArray(buf, txtMsg.length()); server.write(buf, txtMsg.length()); Verzögerung (300); }}
Remote_thermometer.phpPHP
Diese Datei stellt eine Web-Benutzeroberfläche bereit. Laden Sie diese Datei gemäß der beschriebenen Anleitung in PHPoC Wifi Shield oder PHPoC Shield hoch.Arduino - PHPoC Shield - Thermometer
Arduino - Web-Thermometer
WebSocket :null
Schaltpläne
1. Stapeln Sie PHPoC-WLAN-Schild oder PHPoC-Schild auf Arduino2. Verkabelung wie unten abgebildet
Herstellungsprozess