Cara memasukkan Data ke MySQL Database menggunakan PHP dan Arduino ESP32
Selamat pagi komandan! Apa kabarnya hari ini? Saya harap semua dalam keadaan luar biasa semuanya. Hari ini kita masih akan berkutat dengan ESP32 dan antek-anteknya. DARIPADA BANYAK CINCONG, langsung aja GAS REM BLONG!
Untuk alat tempurnya, bisa dilihat di bawah ini.
- Arduino ESP32 (ga betul la pulak, kalo ga pake arduino, yakan)
- Sensor BMP 180
- Laptop/PC
- Kabel jumper beberapa juntai
- Kabel MicroUSB
- Breadboard
- Server Hosting
- Database MySQL
Cukup itu aja gengs, simpel kan! Ya ga simpel kali si memang tapi bisala agak dicari dlu bahan-bahannya. Buat yang udah ada alat bahan tapi masih bingung cam mana cara kerjanya bisa dilihat dulu bagan dari lae RandomNerdTutorials agar membantu pola pikir dan kecekatan bekerja nanti.
Kalau dah siap, mungkin ente semua masi bingung, dimana bisa kudapat hosting server dan segala macam. Jadi ini bukan endorse ya ges, tapi ada webset namanya 000Webhost yang menyediakan hosting gratis buat kita yang kere ini. BENERAN GRATIS YA, tanpa JAMINAN BPKB MOTOR, canda BPKB.
Jadi step-stepnya gausah pala kujelaskan lebi lanjut. Intinya daftar disini baru ikuti aja cara pendaftarannya. Jan manja kali semua harus disuap2in. XIXIXIXI. LANJOT.
Kuasumsikan kelen semua dah siap mendaftar > verifikasi email > login > bikin domain dll. Jadi abistu kelen klik My Sites > Pilih website kelen > Manage Websites. Cam gini la harusnya yang tampak.
Abistu kelen pencet yang dikiri Tools > Database Manager > New Database. Baru bakal tampil kek dibawah ini. Isilah database name, username, sama password sesuka kelen. Tapi saran buat database nama sama username aku pake ESP32_Data sama ESP32_Board. Tapi apapun klen tulis serah klen la.
LANJOT
Kalo dah kelen bikin databasenya, MASIH DI LAMAN YANG SAMA JANGAN PINDAH-PINDAH, klik Manage > PHPMyAdmin di database yang baru kelen bikin tadi. Copy Paste kode di bawah ini.
Kalo misal udah kamu copy, pastekan di database tadi tapi sebelomnya klik dulu di navbar sql nya.
Cam ginilah kalo dah valid kau bikin. Kalo belom baca ulang lagi ya gengs dimana kau silap.
Selanjutnya, apabila sudah berhasil membuat tabel. Kita akan mengupload file php yang akan diupload di websitenya.
Jangan lupa untuk mengganti bagian berikut pada line 16–21 sesuai informasi database website anda.
// 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";Apabila anda sudah menyimpan dalam file, silahkan anda upload ke …/public_html. Anda bisa mengklik gambar awan yang ada tanda panah ke atas untuk menggungah file nya. Bisa dilihat di bawah ini, apabila masih bingung juga.
Apabila anda sudah berhasil, bisa diakes di (domain-anda).000webhostapp.com/(nama-file-anda).php. Beginilah seharusnya penampakan yang anda lihat
Karena udah bikin php post-esp-data, ibaratnya tadi udah backendnya, kita bikin la front-end nya.
Caranya cam gimana suhu? Gausah pake suhu juga. SIMAK BAIK-BAIK YA KUMENDAN!!
Cukup kau copy-paste aja kode dibawah ini ya, kumendan, baru abistu sama kek proses diatas kau upload ke public_html.
Biar makin ngerti kuulang lagi pun ya sayang.
Pertama ke Tools > File Manager > Upload Files
Abistu kek gini la kan tampilannya, klik public_html
Selepas tu, ada icon macam awan dicucuk panah ke atas. Klik la itu, baru upload la kode dibawah ini dalah format .php baru upload kau lah.
Ini kodenya ya, kumendan!
Jangan lupa, ganti line 17–22 sesuai kredensial webset ente ya kumendan
// 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";
Jadi kalau berhasil upload kek gitulah ya kita dapat di files nya.
Selanjutnya, karena kita sudah berhasil membuat database dan websitenya, sekarang kita lanjut mensikronisasi website dengan Arduinonya.
Untuk source code anda tidak peru bingung, karena saya sudah sediakan langsung di bawah ini.
Jangan lupa untuk mengganti, pada line 19 dan 20 dengan kredensial WIFI anda
// Replace with your network credentials const char* ssid = “YOUR_SSID_NETWORK”;const char* password = “YOUR_WIFI_PASSWORD”;
Sama di line 23, samakan dengan link server name nya ya. Misalnya aku http://sugengirmadi.000webhostapp.com/psot-esp-data.php (PAKE HTTP YA KOMANDAN)
const char* serverName = “YOUR_SERVER_NAME”;Terus, line 27, samakan dengan API Key yang kau bikin di post-esp-data.php. Kalau tadi beda, samakan ya. Kalau sama, gas aja komandan.
String apiKeyValue = “YOUR_API_KEY”;Harusnyaa, kalau semua gada masalah bakal annteg-anteng aja sih.
TERUS LIHATNYA DIMANA, NGAB??
WEITTT, kalem ngabers. Jadi buat finalnya bisa dilihat di
http://(nama-domain).000webhostapp.com/esp-data.phpKalo kelen penasaran sama punyakku, bisa dicek DISINI atau di http://sugengirmadi.000webhostapp.com/esp-data.php
Sekian dlu untuk tutorial kali ini, ngab. Jangan lupa tetap STAY SAFE, HINDARI KELUAR RUMAH APABILA TIDAK ADA KEPENTINGAN URGENT, JAGA JARAK TERUTAMA DI KERMAIAN, SERTA PATUHI PROKES 5M.
Akhir kata, terimakasih dan sampai jumpa di postingan berikutnya.
وَالسَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
Wassalamu’alaikum Warahmatullahi Wabarakatuh
SELAMAT MENJALANI IBADAH PUASA dan jangan lupa buat TARAWIH ya bagi teman-teman umat muslim.
BYEEE
