Memasukkan Data Sensor BME280 ke dalam MySQL Database dengan ESP32

Halo teman - teman !!!
Kembali lagi bersamaku di blog yang suka berbagi artikel pendidikan ini. Ini adalah proyek terakhirku dalam tugas kuliah :( Tetapi tenang bagi kalian yang mau terus lanjut dan tertarik dengan sistem Embedded kalian bisa langsung pergi ke website www.randomnerdtutorials.com karena disana terdapat banyak sekali artikel mengenai hal yang dapat dilakukan menggunakan ESP32. Tanpa banyak berbasa basi lagi langsung aja kita masuk ke pembahasannya.

Membuat Hosting untuk PHP dan MySQL Database

Berbeda dengan website randomnerdtutorials.com tersebut, aku menggunakan hosting yang gratis agar kalian juga dapat mencobanya tanpa mengeluarkan biaya. Langsung saja pergi ke infinityfree.net untuk membuat hosting baru. Lakukan siign up dan isi data yang diperlukanuntuk membuat hosting baru kalian. Ini adalah tampilan ketika kalian telah selesai membuat hosting baru kalian


Setelah itu, klik ikon biru yang bertulisan "Create Account" untuk membuat akun baru kalian. Masukkan nama database yang kalian inginkan




Setelah itu, pilih MySQL Database pada menu home. Dan akan muncul tampilan sebagai berikut.


Setelah itu, kembali ke home dan cari PHPMyAdmin. Buka aplikasi tersebut. Buka Tab SQL dan salin kode berikut ke tab tersebut.

CREATE TABLE SensorData (
    id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY,
    sensor VARCHAR(30) NOT NULL,
    location VARCHAR(30) NOT NULL,
    value1 VARCHAR(10),
    value2 VARCHAR(10),
    value3 VARCHAR(10),
    reading_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
)

Setelah itu kembali ke dashboard, dan buka aplikasi Online File Manager. Didalamnya buat file yang bernama "post-esp-data.php" yang berisi kode berikut. Lalu setelah selesai menyalin kodenya, save filenya.

<?php

/*
  Rui Santos
  Complete project details at https://RandomNerdTutorials.com/esp32-esp8266-mysql-database-php/
  
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files.
  
  The above copyright notice and this permission notice shall be included in all
  copies or substantial portions of the Software.
*/

$servername = "localhost";

// REPLACE with your Database name
$dbname = "REPLACE_WITH_YOUR_DATABASE_NAME";
// REPLACE with Database user
$username = "REPLACE_WITH_YOUR_USERNAME";
// REPLACE with Database user password
$password = "REPLACE_WITH_YOUR_PASSWORD";

// Keep this API Key value to be compatible with the ESP32 code provided in the project page. 
// If you change this value, the ESP32 sketch needs to match
$api_key_value = "tPmAT5Ab3j7F9";

$api_key= $sensor = $location = $value1 = $value2 = $value3 = "";

if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $api_key = test_input($_POST["api_key"]);
    if($api_key == $api_key_value) {
        $sensor = test_input($_POST["sensor"]);
        $location = test_input($_POST["location"]);
        $value1 = test_input($_POST["value1"]);
        $value2 = test_input($_POST["value2"]);
        $value3 = test_input($_POST["value3"]);
        
        // Create connection
        $conn = new mysqli($servername, $username, $password, $dbname);
        // Check connection
        if ($conn->connect_error) {
            die("Connection failed: " . $conn->connect_error);
        } 
        
        $sql = "INSERT INTO SensorData (sensor, location, value1, value2, value3)
        VALUES ('" . $sensor . "', '" . $location . "', '" . $value1 . "', '" . $value2 . "', '" . $value3 . "')";
        
        if ($conn->query($sql) === TRUE) {
            echo "New record created successfully";
        } 
        else {
            echo "Error: " . $sql . "<br>" . $conn->error;
        }
    
        $conn->close();
    }
    else {
        echo "Wrong API Key provided.";
    }

}
else {
    echo "No data posted with HTTP POST.";
}

function test_input($data) {
    $data = trim($data);
    $data = stripslashes($data);
    $data = htmlspecialchars($data);
    return $data;
}

Kemudian, setelah itu buat file baru lagi dengan nama "esp-data.php" yang berisikan kode berikut. Jangan lupa untuk menyimpan hasil salinan kodenya ke dalam file tersebut.

<!DOCTYPE html>
<html><body>
<?php
/*
  Rui Santos
  Complete project details at https://RandomNerdTutorials.com/esp32-esp8266-mysql-database-php/
  
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files.
  
  The above copyright notice and this permission notice shall be included in all
  copies or substantial portions of the Software.
*/

$servername = "localhost";

// REPLACE with your Database name
$dbname = "REPLACE_WITH_YOUR_DATABASE_NAME";
// REPLACE with Database user
$username = "REPLACE_WITH_YOUR_USERNAME";
// REPLACE with Database user password
$password = "REPLACE_WITH_YOUR_PASSWORD";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 

$sql = "SELECT id, sensor, location, value1, value2, value3, reading_time FROM SensorData ORDER BY id DESC";

echo '<table cellspacing="5" cellpadding="5">
      <tr> 
        <td>ID</td> 
        <td>Sensor</td> 
        <td>Location</td> 
        <td>Value 1</td> 
        <td>Value 2</td>
        <td>Value 3</td> 
        <td>Timestamp</td> 
      </tr>';
 
if ($result = $conn->query($sql)) {
    while ($row = $result->fetch_assoc()) {
        $row_id = $row["id"];
        $row_sensor = $row["sensor"];
        $row_location = $row["location"];
        $row_value1 = $row["value1"];
        $row_value2 = $row["value2"]; 
        $row_value3 = $row["value3"]; 
        $row_reading_time = $row["reading_time"];
        // Uncomment to set timezone to - 1 hour (you can change 1 to any number)
        //$row_reading_time = date("Y-m-d H:i:s", strtotime("$row_reading_time - 1 hours"));
      
        // Uncomment to set timezone to + 4 hours (you can change 4 to any number)
        //$row_reading_time = date("Y-m-d H:i:s", strtotime("$row_reading_time + 4 hours"));
      
        echo '<tr> 
                <td>' . $row_id . '</td> 
                <td>' . $row_sensor . '</td> 
                <td>' . $row_location . '</td> 
                <td>' . $row_value1 . '</td> 
                <td>' . $row_value2 . '</td>
                <td>' . $row_value3 . '</td> 
                <td>' . $row_reading_time . '</td> 
              </tr>';
    }
    $result->free();
}

$conn->close();
?> 
</table>
</body>
</html>

Jangan lupa untuk mengisi bagian dbname, username, dan passsword  pada kode tersebut sesuai dengan milik kalian sendiri.

Code

Setelah itu rangkai kembali BME280 kalian dengan ESP32. Jika kalian tidak tahu caranya, silahkan kunjungi artikel sebelum artikel ini mengenai BME280 agar mengetahui bagaimana rangkaiannya. Berikut adalah kode yang harus kalian salin ke aplikasi Arduino IDE.

/*
  Rui Santos
  Complete project details at https://RandomNerdTutorials.com/esp32-esp8266-mysql-database-php/
  
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files.
  
  The above copyright notice and this permission notice shall be included in all
  copies or substantial portions of the Software.

*/

#ifdef ESP32
  #include <WiFi.h>
  #include <HTTPClient.h>
#else
  #include <ESP8266WiFi.h>
  #include <ESP8266HTTPClient.h>
  #include <WiFiClient.h>
#endif

#include <Wire.h>
#include <Adafruit_Sensor.h>
#include <Adafruit_BME280.h>

// Replace with your network credentials
const char* ssid     = "REPLACE_WITH_YOUR_SSID";
const char* password = "REPLACE_WITH_YOUR_PASSWORD";

// REPLACE with your Domain name and URL path or IP address with path
const char* serverName = "http://example.com/post-esp-data.php";

// Keep this API Key value to be compatible with the PHP code provided in the project page. 
// If you change the apiKeyValue value, the PHP file /post-esp-data.php also needs to have the same key 
String apiKeyValue = "tPmAT5Ab3j7F9";

String sensorName = "BME280";
String sensorLocation = "Office";

/*#include <SPI.h>
#define BME_SCK 18
#define BME_MISO 19
#define BME_MOSI 23
#define BME_CS 5*/

#define SEALEVELPRESSURE_HPA (1013.25)

Adafruit_BME280 bme;  // I2C
//Adafruit_BME280 bme(BME_CS);  // hardware SPI
//Adafruit_BME280 bme(BME_CS, BME_MOSI, BME_MISO, BME_SCK);  // software SPI

void setup() {
  Serial.begin(115200);
  
  WiFi.begin(ssid, password);
  Serial.println("Connecting");
  while(WiFi.status() != WL_CONNECTED) { 
    delay(500);
    Serial.print(".");
  }
  Serial.println("");
  Serial.print("Connected to WiFi network with IP Address: ");
  Serial.println(WiFi.localIP());

  // (you can also pass in a Wire library object like &Wire2)
  bool status = bme.begin(0x76);
  if (!status) {
    Serial.println("Could not find a valid BME280 sensor, check wiring or change I2C address!");
    while (1);
  }
}

void loop() {
  //Check WiFi connection status
  if(WiFi.status()== WL_CONNECTED){
    HTTPClient http;
    
    // Your Domain name with URL path or IP address with path
    http.begin(serverName);
    
    // Specify content-type header
    http.addHeader("Content-Type", "application/x-www-form-urlencoded");
    
    // Prepare your HTTP POST request data
    String httpRequestData = "api_key=" + apiKeyValue + "&sensor=" + sensorName
                          + "&location=" + sensorLocation + "&value1=" + String(bme.readTemperature())
                          + "&value2=" + String(bme.readHumidity()) + "&value3=" + String(bme.readPressure()/100.0F) + "";
    Serial.print("httpRequestData: ");
    Serial.println(httpRequestData);
    
    // You can comment the httpRequestData variable above
    // then, use the httpRequestData variable below (for testing purposes without the BME280 sensor)
    //String httpRequestData = "api_key=tPmAT5Ab3j7F9&sensor=BME280&location=Office&value1=24.75&value2=49.54&value3=1005.14";

    // Send HTTP POST request
    int httpResponseCode = http.POST(httpRequestData);
     
    // If you need an HTTP request with a content type: text/plain
    //http.addHeader("Content-Type", "text/plain");
    //int httpResponseCode = http.POST("Hello, World!");
    
    // If you need an HTTP request with a content type: application/json, use the following:
    //http.addHeader("Content-Type", "application/json");
    //int httpResponseCode = http.POST("{\"value1\":\"19\",\"value2\":\"67\",\"value3\":\"78\"}");
        
    if (httpResponseCode>0) {
      Serial.print("HTTP Response code: ");
      Serial.println(httpResponseCode);
    }
    else {
      Serial.print("Error code: ");
      Serial.println(httpResponseCode);
    }
    // Free resources
    http.end();
  }
  else {
    Serial.println("WiFi Disconnected");
  }
  //Send an HTTP POST request every 30 seconds
  delay(30000);  
}
Jangan lupa untuk mengganti bagian SSID dan Password sesuai dengan milik kalian. Selain itu kalian perlu mengisi domain kalian di bagian serverName. Setelah selesai, upload kode tersebut ke dalam ESP32 milik kalian. 

Demonstrasi

Setelah itu buka serial Monitor dan klik tombol EN pada ESP kalian. Dan jika berjalan dengan lancar, maka akan muncul tampilan berikut.


Setelah itu, masuk kembali ke website esp-data.php kalian. Lihat disitu akan muncul hasil pembacaan sensor BME280 berurutan suhu, tekanan dan kelembaban. 



Jika kalian telah berhasil sampai tahap ini, itu artinya kalian telah berhasil melakukan proyek ini. Yeayyyy!!!

Penutup

Demikianlah artikelku kali ini teman-teman. Sampai disinilah proyek kita yang sudah kita kerjakan selama ini. Jika ada yang kebingungan atau ada yang ingin ditanyakan, silahkan berkomentar di kolom komentar di bawah. Saya akan membalas pesan dari kalian secepat mungkin begitu kalian mengirimnya. Atas perhatian teman - teman saya ucapkan terimakasih dan sampai jumpa di artikel blog lainnya. Bye!!!!



Komentar

Posting Komentar

Postingan populer dari blog ini

Weather Station Visualization with ESP32

Gambar
Haloo teman - teman semua !!! Pada kesempatan kali ini aku akan menjelaskan mengenai bagaimana sih cara membuat visualisasi data berupa grafik dll dari alat pengukur cuaca BME280, yang tentunya menggunakan media ESP32. Sebelumnya aku mengucapkan banyak terimakasih kepada website www.randomnerdtutorials.com yang telah berbagi banyak informasi dan pengetahuan mengenai ESP32 yang membuat aku lebih mudah dalam mengerjakan proyek ini. Berkat adanya web tersebut, dalam sekali percobaan aku langsung berhasil membuat proyek ini. Aku sendiri pun awalnya ga percaya tapi ternyata usahaku yang serius langsung membuahkan hasil. Tanpa banyak berbasa - basi lagi langsung aja kita masuk ke dalam pembahasan bagaimana caranya. Cekidott!!! FileSystem Uploader Plugin Sebelum memulai langkahnya, kalian harus menngintall plugin dibawah ini kedalam aplikasi arduino IDE kalian agar nantinya file HTML yang kita buat, dapat diupload dan dibaca oleh ESP32 kita. Link downloadnya dapat anda klik disini : 
Baca selengkapnya

Membuat LED Blink pada ESP32

Gambar
Halo teman-teman !! Kembali lagi bersama saya Daniel Hutabalian. Kali ini saya akan berbagi mengenai proyek saya tentang ESP32. Apa itu ESP32 ? ESP32 adalah SoC (System On Chip) Microcontroller. Saya juga belum terlalu mengerti tentang cara kerja ESP32 karena saya juga masih baru belajar dari dosen saya mengenai cara penggunaan ESP32. Oleh karena itu, sekarang ini saya akan membagikan kisah saya hingga saya berhasil menjalankan program LED Blink pada ESP32. Awalnya saya bingung ESP32 yang dibutuhkan itu berapa pin karena ESP32 mempunyai berbagai variasi pin. Contohnya ada yang 30 pin, 36 pin dan lain sebagainnya. Kemudian, ESP32 yang dibutuhkan ternyata dibebaskan untuk jumlah pinnya. Hanya saja untuk yang 36 pin agak sedikit tricky karena ada beberapa hal yang harus dilakukan pada ESP32 agar program yang dimasukkan tidak error. Kemudian, saya berencana untuk membeli ESP32 yang 30 pin karena cara pakainya yang cukup sederhana. Di Bandung, terdapat toko elektronik yang menjual
Baca selengkapnya

Cara Menggunakan I2C Display dengan ESP32

Gambar
Haloo semuaaaa !! Kembali lagi bersama saya Daniel Hutabalian di artikel tentang ESP32. Sesuai dengan judul, pada artikel kali ini saya akan membahas cara menggunakan I2C Display pada ESP32 untuk menampilkan tulisan pada LCD nya tersebut. Berikut adalah penjelasannya.Selamat membaca dan menyimak !! Sebelum masuk ke pembahasannya, saya ingin menceritakan pengalaman saya dalam membuat proyek ini. Awalnya saya ingin membeli I2C Display langsung setelah tugas ini diberikan, karena alat yang saya butuhkan tinggal itu. Tetapi pada hari itu saya batal untuk membelinya dan mencoba menanyakan kepada kakak saya yang Teknik Elektro siapa tau dia mempunyai alat tersebut. Ternyata, alat tersebut dimiliki oleh kakak saya ini dan kondisi barangnya pun masih sangat baik. Saya pun senang sekali ketika melihatnya membawakan I2C Display nya kepada saya. Akhirnya setelah semua peralatan lengkap, saya pun langsung mencoba mengerjakan proyek ini. Berikut adalah alat - alat yang dibutuhkan. 1. ESP32 (D
Baca selengkapnya