Membuat Web Server dengan ESP32?

Haloo
Setelah beberapa minggu aku tidak meng-upload konten baru, kini aku akan menulis tentang "Bagaimana Cara Membuat Web Server dengan ESP32" nih.
Oh iya sebelumnya, aku mau bilang buat kalian untuk STAY SAFE and STAY AT HOME GUYS! Jangan pernah meremehkan virus ataupun penyakit lainnya. INTINYA JAGA KESEHATAN YA! hehe..
Dan aku juga berharap Indonesia baik pemerintah, tenaga medis, hingga masyarakat dapat bertahan melewati semua wabah pandemi ini. WE CAN DO IT GUYS!
Oke sekarang langsung aja yuk.

Jadi tugas kali ini itu diberikan di saat COVID - 19 sedang mewabah hebatnya di Indonesia sehingga membuat semua sekolah dan universitas rata-rata di rumahkan alias belajar online. Kebayang gak sih, harusnya ini itu kerja kelompok karena yang punya ESP32 cuma satu orang. Tapi, fortunatelly di kelompok aku itu masing-masing punya ESP32. Walaupun ada nih teman aku yang entah kesambet apa ngebuang ESP32 miliknya. Sayang banget kan:(
Tapi aku sih emang punya gitu kitnya yang aku namakan Sistem Embedded Kit (SE KIT), keren kan hehe.. Aku emang suka ngoprek sensor-sensor gitu sih, meskipun sering banget gagal (keinget zaman PRD waktu TPB huhu).

Okey balik lagi ke judulnya, kita akan membuat Web Server dengan ESP32. HOW?
Yuk ikutin langkah ini.

Alat dan Bahan

1. ESP32 (30 pins)
2. Kabel jumper female to male (3 buah)
3. Resistor 330 ohm (2 buah)
4. LED (2 buah) * note: disarankan menggunakan LED 5mm dan berbeda warna.
5. Breadboard

Rangkaian

Kode Program

Gimana? Pasti gagal sih kalau kalian ngikutin 100% kode aku di atas hehe..
Kalau di perhatikan lagi, pada bagian define variabel ssid dan password pada kode emang aneh gak sih..
Nah itu sebenarnya adalah nama dari koneksi yang sedang tersambung ke perangkat kalian atau bisa dibilang Wi-Fi atau hotspot siapa yang sedang kalian pakai beserta dengan password koneksi tersebut. Di kode itu, aku memakai koneksi Hotspot? Tanya yang punya dulu dengan password I******* (maaf di sensor hehe). Intinya bagian itu disesuaikan sama koneksi yang sedang digunakan saja. Dan tentunya jangan lupa untuk menyesuaikan pin GPIO pada ESP32 dengan define pada Arduino IDE.
Selain itu, saat aku melakukan eksplorasi ini, aku berulang kali ganti kabel jumper karena kabel jumper milikku sudah banyak yang sedikit rusak, jadi pastikan juga kabel jumper yang kalian pakai dalam kondisi baik ya..

Setelah semuanya sudah berjalan, sekarang buka serial monitor dan akan muncul seperti gambar berikut.

Copy bagian IP Address di Host dan ketik pada Address Bar di Web Browser kalian. IP Address itu merupakan IP Address dari Web Browser ESP32 milik kalian.
Dan selesaii.. Di bawah ini, kalian bisa lihat hasil simulasi percobaan aku. Selamat mencoba!

Oh iya, blog selanjutnya juga berbicara tentang Web Server Cuaca dengan ESP32. Jangan lupa dikunjungi di link ini https://coretangrace.blogspot.com/2020/03/web-server-cuaca-dengan-esp32.html

Referensi :
https://randomnerdtutorials.com/esp32-web-server-arduino-ide/