Arduino - Thermomètre Web
Composants et fournitures
| × | 1 | ||||
| × | 1 | ||||
| × | 1 | ||||
| × | 1 | ||||
| × | 1 |
À propos de ce projet
Si vous êtes débutant, vous pouvez en apprendre davantage sur le wifi et le capteur dans Arduino - Tutoriels pour le capteur de température Wifi et Arduino - DS18B20
J'ai fait un projet similaire en utilisant uniquement PHPoC ici.
Démo
Flux de données
Arduino ---> PHPoC WiFi Shield ---> Navigateur Web
Arduino lit la température du capteur et envoie la valeur de température à PHPoC WiFi Shield. Lors de la réception de la valeur de température, PHPoC WiFi Shield l'envoie au navigateur Web via une prise Web. La fonction JavaScript visualise la valeur de température sur l'interface utilisateur.
Notez que : PHPoC shield dispose d'un programme intégré pour transmettre les données d'Arduino au navigateur Web. Par conséquent, nous n'avons pas besoin de nous en soucier.
Ce que nous devons faire
- Définir les informations WiFi pour le bouclier PHPoC (SSID et mot de passe)
- Télécharger la nouvelle interface utilisateur vers le bouclier PHPoC
- Écrire le code Arduino
Définition des informations WiFi pour PHPoC Shield
Voir cette instruction.
Télécharger la nouvelle interface utilisateur Web vers PHPoC Shield
- Télécharger le code source PHPoC remote_thermometer.php (dans la section code).
- Téléchargez-le sur PHPoC shield à l'aide du débogueur PHPoC conformément à cette instruction.
Écrire le code Arduino
- Installez les trois bibliothèques suivantes :Bibliothèque PHPoC pour Arduino , OneWire et Dallas Temperature (voir les instructions ).
- Télécharger le code Arduino (sur la section code) vers Arduino
Tests
- Cliquez sur le bouton série sur Arduino IDE pour voir l'adresse IP.
- Ouvrez le navigateur Web, saisissez
http://
replace_ip_address
/remote_thermometer.php
- Cliquez sur le bouton de connexion et testez-le.
Le meilleur kit de démarrage Arduino pour débutant
Si vous recherchez un kit Arduino, consultez Le meilleur kit Arduino pour les débutants
Références de fonction
- Serial.begin()
- Série.println()
- retard()
- millis()
- boucle for
- boucle while
- si autre
- boucle()
- configuration()
- String.toInt()
- String.substring()
- Chaîne.indexOf()
- Chaîne.remove()
- Chaîne.égales()
Code
- Code Arduino
- remote_thermometer.php
Code ArduinoArduino
#include#include #include "SPI.h"#include "Phpoc.h"// Le câble de données est branché sur le port 8 sur les capteurs ArduinoOneWire oneWire(8) ;DallasTemperature (&oneWire);PhpocServer server(80);booléen déjà connecté =false; void setup() { Serial.begin(9600); while(!Série); capteurs.begin(); Phpoc.begin(PF_LOG_SPI | PF_LOG_NET); server.beginWebSocket("thermomètre"); Serial.print("Adresse du serveur WebSocket :"); Serial.println(Phpoc.localIP()); }void loop() { // lorsque le client envoie le premier octet, dites bonjour :PhpocClient client =server.available(); if (client) { sensor.requestTemperatures(); float temp =capteurs.getTempCByIndex(0); Chaîne txtMsg =Chaîne(temp) + "\r\n" ; char buf[txtMsg.length()] ; txtMsg.toCharArray(buf, txtMsg.length()); server.write(buf, txtMsg.length()); retard (300); }}
remote_thermometer.phpPHP
Ce fichier fournit une interface utilisateur Web. Téléchargez ce fichier sur PHPoC Wifi Shield ou PHPoC Shield selon les instructions décrites.Arduino - PHPoC Shield - Thermometer
Arduino - Thermomètre Web
WebSocket :null
Schémas
1. Empilez le bouclier wifi PHPoC ou le bouclier PHPoC sur Arduino2. Câblage comme l'image ci-dessous
Processus de fabrication