Membuat Web Server Sederhana dengan ESP32

ESP32, sebuah mikrokontroler canggih dengan kemampuan WiFi dan Bluetooth, telah menjadi pilihan populer bagi para peminat Internet of Things (IoT). Kemampuannya untuk terhubung ke internet dan menjalankan kode-kode kompleks menjadikannya platform ideal untuk berbagai proyek IoT, termasuk membangun web server sederhana.

Membangun web server dengan ESP32 tidak hanya bermanfaat untuk mempelajari dasar-dasar IoT, tetapi juga membuka gerbang menuju berbagai aplikasi menarik. Anda dapat mengontrol perangkat elektronik dari jarak jauh, menampilkan data sensor secara real-time, dan bahkan membangun sistem otomasi rumah sederhana.

Persiapan

• Modul ESP32 DevKitC atau ESP32 lainnya
• Kabel USB
• Komputer dengan Arduino IDE terinstal
• LED (opsional)
• Resistor 330 ohm (opsional)

Langkah-langkah

1. Konfigurasi ESP32:

   • Buka Arduino IDE dan pilih Tools > Board > ESP32 DevKitC.
   • Pastikan port COM yang sesuai dipilih.
   • Buka file contoh “File > Examples > ESP32 > WiFi > WebServer”.

2. Ubah pengaturan WiFi:

   • Pada file contoh, ubah nama dan kata sandi WiFi Anda di baris berikut:

const char* ssid = "NAMA_WIFI_ANDA";
const char* password = "KATA_SANDI_WIFI_ANDA";

3. Tambahkan kode untuk LED (opsional):

   • Jika Anda ingin mengontrol LED dengan web server, tambahkan kode berikut di bagian akhir fungsi setup():

pinMode(LED_BUILTIN, OUTPUT);

* Di dalam fungsi `loop()`, tambahkan kode berikut untuk mengontrol LED berdasarkan URL yang diakses:

if (server.hasArg("led")) {
  if (server.arg("led") == "ON") {
    digitalWrite(LED_BUILTIN, HIGH);
  } else if (server.arg("led") == "OFF") {
    digitalWrite(LED_BUILTIN, LOW);
  }
}

4. Unggah kode ke ESP32:

   • Klik tombol Upload di Arduino IDE.
   • Tunggu hingga proses upload selesai.

5. Akses web server:

   • Hubungkan ESP32 ke jaringan WiFi Anda.
   • Buka browser web di komputer atau smartphone Anda.
   • Masukkan alamat IP ESP32 di address bar. Alamat IP dapat ditemukan di monitor serial Arduino IDE saat proses upload.

6. Kontrol LED (opsional):

   • Jika Anda menambahkan kode untuk LED, Anda dapat mengontrol LED dengan mengakses URL berikut:

http://ALAMAT_IP_ESP32/?led=ON
http://ALAMAT_IP_ESP32/?led=OFF

Tips

• Anda dapat menambahkan lebih banyak fitur ke web server Anda, seperti menampilkan data sensor atau mengontrol perangkat elektronik lainnya.
• Untuk mempelajari lebih lanjut tentang ESP32 dan IoT, Anda dapat mengikuti Sertifikasi IoT dari Indobot Academy.

Kesimpulan

Membangun web server sederhana dengan ESP32 adalah langkah awal yang menarik dalam mempelajari IoT. Dengan mengikuti langkah-langkah di atas, Anda dapat membangun web server Anda sendiri dan mulai menjelajahi dunia IoT yang penuh dengan kemungkinan.