Langkah Awal IoT – Memprogram ESP8266 di Arduino
Tutorial kali ini akan membahas cara memulai memprogram ESP8266, (dan keluarganya; ESP-01, NodeMCU, Wemos D1 Mini)
Tujuan akhir dari percobaan ini adalah membuat WiFi Akses Point sekaligus Webserver yang bisa dibuka menggunakan web browser dari Handphone atau PC
Ini bisa jadi langkah awal untuk mempraktekkan IoT (Internet of Thing)
Daftar isi
ESP8266
ESP8266 adalah sebuah microchip WiFi yang compatible dengan microcontroller
Jika kalian sudah mengenal Arduino, maka mudahnya adalah
Arduino + WiFi module dalam sebuah microchip
ESP8266
ESP8266 mempunyai pin GPIO yang bisa dihubungkan dengan sensor maupun actuator, sekaligus WiFi yang bisa terhubung ke Akses Point
Modul ini sangat populer untuk project IoT karena ukuranya yang kecil, bisa ditanamkan ke dalam fitting lampu, saklar, colokan listrik dan sebagainya
ESP8266 adalah microchipnya saja, buatan dari Espressif System. Ada banyak module-module yang dikembangkan berbasis chip ini.
Wemos Mini D1
Salah satu yang akan kita coba gunakan dalam percobaan kali ini adalah Wemos Mini D1, module ini sudah dilengkapi dengan regulator tegangan dan port micro usb, sehingga untuk memprogram dan menyalakannya cukup menggunakan kabel data seperti yang umum digunakan di handphone.
Tutorial ini tidak harus menggunakan Wemos Mini D1, bisa juga menggunakan module ESP8266 yang lain seperti ESP 01 atau NodeMCU
Step by Step
Sebelumnya yang dipersiapkan adalah:
- PC atau Laptop, Windows/Mac/Linux
- Wemos Mini D1
- Kabel data micro USB
Step 1. Download dan Install Arduino IDE
Untuk yang sudah biasa dengan Android bisa skip bagian ini.
Bagi yang belum, langsung download Arduino IDE dari sini:
https://www.arduino.cc/en/main/software
Download versi terbaru sesuai dengan operating system yang digunakan, kemudian Install seperti biasa.
Step 2. Tambahkan Board ESP8266
Karena ESP adalah 3rd party dari Arduino, secara default board-board ESP tidak ada di instalasi awal Arduino IDE.
Maka perlu ditambahkan Board ESP8266 adagar dapat dikenali oleh Arduino IDE.
- Buka Arduino, buka halaman Preferences
Windows: Klik File > Preferences - Pada kolom “Additional Boards Manager URLs”, isi dengan:
https://arduino.esp8266.com/stable/package_esp8266com_index.json
- Buka “Boards Manager” dari Tool > Boards, klik Boards Manager
- Cari “ESP8266“, lalu klik Install
- Jika Instalasi berhasil maka kita dapat menemukan pilihan boards ESP8266 yang tersedia
Step 3. Install CH340 USB Driver
Langkah selanjutnya adalah menginstall USB Driver agar Wemos Mini D1 dapat berkomunikasi dengan PC kita menggunakan USB Serial port.
USB Serial CH340 driver
https://docs.wemos.cc/en/latest/ch340_driver.html
Step 4. Upload Contoh Code Accesspoint + Web Server
Setelah environtment sudah siap, maka saatnya upload code ke Module ESP8266 nya.
Pertama kali kita coba saja contoh code yang sudah disediakan oleh ESP8266, yaitu code WiFi Accesspoint (sekaligus Webserver)
Namun sebelumnya pilih dulu board yang akan digunakan, agar contoh code bisa diakses.
Pilih Tools > Boards > LOLIN (WEMOS) D1 R1 Mini
Kemulian pilih Port yang sesuai
Tools > Ports > COM3 (misal, sesuaikan dengan konfigurasi pc)
Kemudian pilih File Contoh dari
File > Examples > ESP8266WiFi > WiFiAccessPoint
Arduino IDE sudah menyiapkan banyak contoh code yang bisa langsung dicoba, begitu juga dengan Board ESP8266. Silahkan dicoba dan dipelajari.
contoh code
Seperti yang tertulis pada komentar sourcecodenya
|
1 |
/* Create a WiFi access point and provide a web server on it. */ |
Membuat sebuah WiFi akses point dan web server di dalamnya.
Ok, mari kita coba baca sedikit source codenya.
Di bawah ini adalah SSID dan Password dari Akses point yang akan dibuat.
|
1 2 |
#define APSSID "ESPap" #define APPSK "thereisnospoon" |
Lalu scroll lagi kebawah
|
1 2 3 |
ESP8266WebServer server(80); /* Just a little test message. Go to http://192.168.4.1 in a web browser connected to this access point to see it. |
Bagian ini adalah mengkonfigurasikan web server, buka port di port 80
192.168.4.1 adalah alamat IP akses point dan kita bisa membukanya dari web browser client dengan mengetikkan alamat IP tersebut.
|
1 2 3 |
void handleRoot() { server.send(200, "text/html", "<h1>You are connected</h1>"); } |
Di atas adalah fungsi untuk menghandle rekuest dari client, server akan mereplay dengan kode html.
Coba kita tambahkan beberapa code html agar berbeda
|
1 2 3 |
void handleRoot() { server.send(200, "text/html", "<h1>You are connected</h1><h2>Percobaan Webserver terkecil di dunia by Ndoware</h2>"); } |
Langsung kita coba saja, upload code ke Wemos Mini D1, klik tombol Upload
Atau pilih dari Sketch > Upload
Berhasil Upload, maka saatnya untuk dicoba
Step 5. Testing
Untuk melakukan testing bisa langsung dari PC, atau dengan handphone.
- Hubungkan ke WiFi Accespoint “ESPap” dan password “thereisnospoon“, sesuai dengan sourcecode
- Buka Web Browser, buka http:// 192.168.4.1
Berhasil!
Tampilan sesuai dengan HTML yang kita tulis di Code
CSS & Javascript
Tidak hanya HTML, tapi juga bisa ditambahkan CSS dan Javacript agar tampilan Web lebih cantik dan interaktif.
Berikut contoh web dengan css dan Javascript.
Vidio tutorial lengkapnya bisa ditonton di youtube channel Ndoware,
Jangan lupa subscribe ya gaess… :D
KESIMPULAN
- Dengan chip sekecil ini, kita dapat membuat webserver yang terhubung lewat WiFi
- Kita dapat memprogram chip ini sesuai keinginan kita dengan Arduino IDE
Ini baru langkah awal untuk memulai memprogram ESP8266, ada lebih banyak hal yang bisa dieksplore dengan chip ini
- GPIO atau pin-pin Input Outputnya dapat dihubungkan ke sensor dan actuator
- Sensor Suhu, Sensor Jarak, GPS, Sensor kelembapan tanah, dll
- Relay, motor listrik, servo, selenoid valve, dll
- Melalui WiFi dapat terhubung ke
- Web Browser atau applikasi di handphone, pc, dll
- Server, MQTT, API server, dll
- device-device lain
- Dengan kemampuan tersebut, dapat diaplikasikan misalnya:
- Mengontrol saklar lampu,
- Memonitor suhu ruangan,
- Smart Gardening, menyiram tanaman,
- semuanya secara online dengan Internet
Dan lain sebagainya..
Demikian semoga bermanfaat, semoga memberi inspirasi teman-teman untuk berkarya dengan teknologi.
Kita akan coba ekplorasi lagi kemampuan ESP8266 ini dengan project-project selanjutnya.
Sampai jumpa di artikel selanjutnya & selamat berkarya..
Terimakasih
1 Respon
[…] Untuk lebih jelasnya mengenai langkap-langkah instalasi ESP board di Arduino Studio, silahkan buka Langkah Awal IoT – Memprogram ESP8266 di Arduino […]