ndoWare

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)

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.

Baca: https://en.wikipedia.org/wiki/ESP8266

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:

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

Versi terakhir July 2020

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.

https://arduino.esp8266.com/stable/package_esp8266com_index.json

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

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.

Lalu scroll lagi kebawah

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.

Di atas adalah fungsi untuk menghandle rekuest dari client, server akan mereplay dengan kode html.

Coba kita tambahkan beberapa code html agar berbeda

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.

  1. Hubungkan ke WiFi Accespoint “ESPap” dan password “thereisnospoon“, sesuai dengan sourcecode
  2. 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

Ini baru langkah awal untuk memulai memprogram ESP8266, ada lebih banyak hal yang bisa dieksplore dengan chip ini

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

Exit mobile version