ESP32 in Your Area: Data Visualization ESP32 and DHT11 - Temperature and Humidity in Real Time Charts

Haloo
Di blog kali ini, aku akan nulis tentang pengalamanku membuat visualisasi data temperature dan humidity secara real time di web server yang juga akan kita buat juga. Sebelumnya, aku juga mau cerita nih, dalam proses pembuatan ini, aku harus menunggu paket SE Kit aku sampai di rumah, karena minggu lalu aku akhirnya memutuskan untuk kembali ke rumah (fyi, aku anak rantau yang jauh dari rumah hehe). Kenapa di kirim? ya menghindari SE Kit aku di cekal di bandara aja sih kan sayang banget kalau ternyata gak dibolehin bawa.
(Fyi, SE Kit = Sistem Embedded Kit)
Okey sekarang kembali ke topik.
Sesuai dengan judul blog kali ini, ayo kita mulai eksperimennya.

Peralatan

Jumper Cable female to male (3 pcs)
Jumper Cable female to female (2 pcs)
Breadboard
ESP32 (30 pins)
USB Cable Type A
DHT11

Rangkaian

Rangkaiannya masih sama dengan rangkaian sebelumnya yang menggunakan DHT11. (Bisa banget nih singgah di blog-blog sebelumnya hehe)

Kode Program

Jangan lupa untuk download library CircusESP32Lib terlebih dahulu. Kemudian extract dan copy ke direktori tempat file arduino kamu install.

#include //CircusESP32Lib.h *hapus tanda // dan tambahkan < >*
#include  //DHT.h *hapus tanda // dan tambahkan < >*
// ------------------------------------------------
// These are the CircusESP32Lib related declarations
// ------------------------------------------------
char ssid[] = "your_SSID_here"; // Place your wifi SSID here
char password[] =  "your_password_here"; // Place your wifi password here
char token[] = "your_token_here"; // Place your token, find it in 'account' at Circus. It will identify you.
char server[] = "www.circusofthings.com";
char temperature_key[] = "xxxxx";  // Place the Key of the signal you created at Circus Of Things for the Temperature
char humidity_key[] = "xxxx";  // Place the Key of the signal you created at Circus Of Things for the Humidity
CircusESP32Lib circusESP32(server,ssid,password); // The object representing an ESP32 to whom you can order to Write or Read
// ------------------------------------------------
// These are the Temperature Example related declarations
// ------------------------------------------------
#define DHTPIN 27      // digital of your ESP32 connected to DHT11
#define DHTTYPE DHT11 // exact model of temperature sensor DHT 11 for the general library
DHT dht(DHTPIN, DHTTYPE); // The object representing your DHT11 sensor
void setup() {
   Serial.begin(115200); // Remember to match this value with the baud rate in your console
   dht.begin(); // Set the DHT11 ready
   circusESP32.begin(); // Let the Circus object set up itself for an SSL/Secure connection
}
void loop() { // Now that all is set up, let's begin with the tasks
   delay(10000);
   // Let the library get the Temperature that DHT11 probe is measuring.
   float t = dht.readTemperature(); 
   if (isnan(t))
       t=-1; // if so, check the connection of your DHT11 sensor... something is disconnected ;-)
   float h = dht.readHumidity();
   if (isnan(h))
       h=-1; // if so, check the connection of your DHT11 sensor... something is disconnected ;-)
   // Show values, just for debuging
   Serial.println(""); Serial.print("Temperature: "); Serial.println(t); Serial.print("Humidity: "); Serial.println(h);
   // Report the values gathered by the sensor to the Circus
   circusESP32.write(temperature_key,t,token); // Report the temperature measured to Circus.
   circusESP32.write(humidity_key,h,token); // Report the humidity measured to Circus.
}

How to get temperature_key, humidity_key dan token?

Buka dan buat akun kamu di https://circusofthings.com/ Sign up on Circus

Jangan lupa verifikasi via email ya. Setelah itu kamu masuk ke 'Account' dengan klik profile icon di pojok kanan dan copy bagian token pada profil kamu dan paste ke token[] pada kode program.