Arduino - Termometer Berbasis Web

Komponen dan persediaan

Arduino UNO

PHPoC WiFi Shield untuk Arduino

kita bisa menggunakan PHPoC Shield sebagai gantinya

Sensor suhu Adafruit DS18B20

Resistor Seeed 4.7k ohm

Tabung Penyusut Panas

Tentang proyek ini

Jika Anda seorang pemula, Anda dapat belajar tentang wifi dan sensor di Arduino - Wifi dan Arduino - tutorial sensor suhu DS18B20

Saya membuat proyek serupa hanya menggunakan PHPoC di sini.

Demo

Aliran Data

Arduino ---> PHPoC WiFi Shield ---> Peramban web

Arduino membaca suhu dari sensor dan mengirimkan nilai suhu ke PHPoC WiFi Shield. Saat menerima nilai suhu, PHPoC WiFi Shield mengirimkannya ke Web Browser melalui websocket. Fungsi JavaScript memvisualisasikan nilai suhu pada UI.

Perhatikan bahwa: PHPoC shield memiliki program bawaan untuk meneruskan data dari Arduino ke browser web. Karena itu, kita tidak perlu mempedulikannya.

Yang Perlu Kita Lakukan

Menyetel informasi WiFi untuk pelindung PHPoC (SSID dan sandi)
Unggah UI baru ke pelindung PHPoC
Tulis kode Arduino

Mengatur Informasi WiFi untuk PHPoC Shield

Lihat instruksi ini.

Unggah UI Web baru ke PHPoC Shield

Unduh kode sumber PHPoC remote_thermometer.php (pada bagian kode).
Unggah ke pelindung PHPoC menggunakan debugger PHPoC sesuai dengan instruksi ini.

Tulis Kode Arduino

Instal tiga library berikut:Library PHPoC untuk Arduino , OneWire, dan Dallas Temperature (lihat instruksi ).
Unggah kode Arduino (pada bagian kode) ke Arduino

Pengujian

Klik tombol serial pada Arduino IDE untuk melihat alamat IP.
Buka browser web, ketik http:// replace_ip_address /remote_thermometer.php
Klik tombol sambungkan dan ujilah.

Kit Pemula Arduino Terbaik untuk Pemula

Jika Anda mencari kit Arduino, lihat Kit Arduino Terbaik untuk Pemula

Referensi Fungsi

Serial.begin()
Serial.println()
tunda()
milis()
untuk loop
perulangan sementara
jika lain
loop()
penyiapan()
String.toInt()
String.substring()
String.indexOf()
String.remove()
String.equals()

Kode

Kode Arduino
remote_thermometer.php

Kode ArduinoArduino

#include #include #include "SPI.h"#include "Phpoc.h"// Kabel data dicolokkan ke port 8 pada ArduinoOneWire oneWire(8);Sensor DallasTemperature (&oneWire);Server PhpocServer(80);boolean sudahTerhubung =false; void setup() { Serial.begin(9600); while(!Serial); sensor.mulai(); Phpoc.begin(PF_LOG_SPI | PF_LOG_NET); server.beginWebSocket("termometer"); Serial.print("Alamat server WebSocket :"); Serial.println(Phpoc.localIP()); }void loop() { // saat klien mengirim byte pertama, ucapkan halo:PhpocClient client =server.available(); if (klien) { sensor.requestTemperatures(); float temp =sensor.getTempCByIndex(0); String txtMsg =String(temp) + "\r\n"; char buf[txtMsg.length()]; txtMsg.toCharArray(buf, txtMsg.length()); server.write(buf, txtMsg.length()); penundaan (300); }}