Over dit project

Als je een beginner bent, kun je meer te weten komen over wifi en sensor in Arduino - Wifi en Arduino - DS18B20-tutorials over temperatuursensoren

Ik heb hier een soortgelijk project gemaakt met alleen PHPoC.

Demo

Gegevensstroom

Arduino ---> PHPoC WiFi Shield ---> Webbrowser

Arduino leest de temperatuur van de sensor en stuurt de temperatuurwaarde naar PHPoC WiFi Shield. Bij ontvangst van de temperatuurwaarde stuurt PHPoC WiFi Shield deze via websocket naar de webbrowser. JavaScript-functie visualiseert de temperatuurwaarde op de gebruikersinterface.

Let op: PHPoC-shield heeft een ingebouwd programma om gegevens van Arduino naar webbrowser door te geven. Daarom hoeven we ons er geen zorgen over te maken.

Wat we moeten doen

• WiFi-informatie instellen voor PHPoC-schild (SSID en wachtwoord)
• Upload nieuwe gebruikersinterface naar PHPoC-schild
• Schrijf Arduino-code

WiFi-informatie instellen voor PHPoC Shield

Zie deze instructie.

Upload nieuwe web-UI naar PHPoC Shield

• Download PHPoC-broncode remote_thermometer.php (in het codegedeelte).
• Upload het naar PHPoC-shield met behulp van PHPoC debugger volgens deze instructie.

Schrijf Arduino-code

• Installeer drie volgende bibliotheken:PHPoC-bibliotheek voor Arduino, OneWire en Dallas Temperature (zie instructie).
• Upload Arduino-code (in codegedeelte) naar Arduino

Testen

• Klik op de seriële knop op Arduino IDE om het IP-adres te zien.
• Open webbrowser, typ http:// replace_ip_address /remote_thermometer.php
• Klik op de knop Verbinden en test het.

De beste Arduino-starterkit voor beginners

Als u op zoek bent naar een Arduino-kit, zie dan De beste Arduino-kit voor beginners

Functiereferenties

• Serial.begin()
• Serial.println()
• vertraging()
• millis() ​​​​​​​
• for-lus
• terwijl-lus
• indien anders
• loop()
• setup()
• String.toInt()
• String.substring()
• String.indexOf()
• String.remove()
• String.equals()

Code

• Arduino-code
• remote_thermometer.php

Arduino-codeArduino

#include #include #include "SPI.h"#include "Phpoc.h"// Datadraad is aangesloten op poort 8 op de ArduinoOneWire oneWire(8);DallasTemperature-sensoren (&oneWire);PhpocServer server(80);boolean reedsVerbonden =false; void setup() { Serial.begin(9600); while(!Serial); sensoren.begin(); Phpoc.begin(PF_LOG_SPI | PF_LOG_NET); server.beginWebSocket("thermometer"); Serial.print("WebSocket-serveradres:"); Serial.println(Phpoc.localIP()); }void loop() { // wanneer de client de eerste byte verzendt, zeg hallo:PhpocClient client =server.available(); if (client) { sensors.requestTemperatures(); float temp =sensoren.getTempCByIndex(0); String txtMsg =String(temp) + "\r\n"; char buf[txtMsg.length()]; txtMsg.toCharArray(buf, txtMsg.length()); server.write(buf, txtMsg.length()); vertraging (300); }}

remote_thermometer.phpPHP

Dit bestand biedt een webgebruikersinterface. Upload dit bestand naar PHPoC Wifi Shield of PHPoC Shield volgens de beschreven instructie.

Arduino - Webthermometer


WebSocket:null
Verbinden 

Schema's

1. Stapel PHPoC wifi-schild of PHPoC-schild op Arduino
2. Bedrading zoals onderstaande afbeelding: