Membuat Aplikasi dengan Gambas3 untuk ESP8266/ESP32

Kalau sebelumnya saya sharing tentang modifikasi antenna, kali ini saya akan sharing tentang Aplikasi sederhana menggunakan Gambas3 untuk menyalakan LED internal pada ESP8266 atau pada ESP32. Gambas3 adalah sebuah IDE dengan menggunakan bahasa basic untuk Linux OS. Jika Linux anda belum terinstall gambas silahkan anda install dahulu Gambas3 pada linux anda dengan langkah seperti disini.

Kemudian langsung kita buka Gambas3nya kemudian buat new project (Graphical Application)

 

Beri nama Project :

 

Maka akan tampil jendela FORM seperti Gambar berikut ini :

karena kita akan membuat aplikasi untuk mengakses http server pada ESP8266/ESP32 maka kita membutuhkan component gb.net dan gb.net.curl dengan cara menambahkannya via Project >> Properties >> Component pilih gb.net dan gb.net.curl lalu tekan ok.

Berikutnya adalah menambahkan button pada form seperti berikut :

Anda dapat mengubah nama button pada jendela properties bagian text, dan jangan lupa tambahkan component http. Langkah selanjutnya adalah double click button 1 pada jendela form hingga muncul jendela code dengan nama FMain.class

Kemudian isikan perintah seperti gambar diatas dimana url diisikan sesuai dengan Alamat ip dari ESP8266/ESP32. Jika sudah selesai silahkan di Run aplikasi yang telah dibuat tadi seharusnya akan tampil seperti gambaar berikut :

Selanjutnya adalah membuat coding untuk ESP32, karena disini saya menggunakan ESP32, namun dengan cara yang sama bisa mempergunakan ESP8266.

1:  #include <WiFi.h>  
2:  #include <WiFiClient.h>  
3:  #include <WebServer.h>  
4:  #include <ESPmDNS.h>  
5:  const char* ssid = "Isi dengan SSID router anda";  
6:  const char* password = "Isi dengan pass router anda";  
7:  WebServer server(80);  
8:  const int led = LED_BUILTIN;  
9:  void handleNotFound() {  
10:   digitalWrite(led, 1);  
11:   String message = "File Not Found\n\n";  
12:   message += "URI: ";  
13:   message += server.uri();  
14:   message += "\nMethod: ";  
15:   message += (server.method() == HTTP_GET) ? "GET" : "POST";  
16:   message += "\nArguments: ";  
17:   message += server.args();  
18:   message += "\n";  
19:   for (uint8_t i = 0; i < server.args(); i++) {  
20:    message += " " + server.argName(i) + ": " + server.arg(i) + "\n";  
21:   }  
22:   server.send(404, "text/plain", message);  
23:   digitalWrite(led, 0);  
24:  }  
25:  void setup(void) {  
26:   pinMode(led, OUTPUT);  
27:   digitalWrite(led, 0);  
28:   Serial.begin(115200);  
29:   WiFi.mode(WIFI_STA);  
30:   WiFi.begin(ssid, password);  
31:   Serial.println("");  
32:   // Wait for connection  
33:   while (WiFi.status() != WL_CONNECTED) {  
34:    delay(500);  
35:    Serial.print(".");  
36:   }  
37:   Serial.println("");  
38:   Serial.print("Connected to ");  
39:   Serial.println(ssid);  
40:   Serial.print("IP address: ");  
41:   Serial.println(WiFi.localIP());  
42:   if (MDNS.begin("esp32")) {  
43:    Serial.println("MDNS responder started");  
44:   }  
45:   server.on("/", []() {  
46:    digitalWrite(led, 1);  
47:    server.send(200, "text/plain", "this works");  
48:    delay(500);  
49:    digitalWrite(led, 0);  
50:   });  
51:   server.on("/1", []() {  
52:    digitalWrite(led, 1);  
53:    server.send(200, "text/plain", "this works as well");  
54:    delay(500);  
55:    digitalWrite(led, 0);  
56:   });  
57:   server.onNotFound(handleNotFound);  
58:   server.begin();  
59:   Serial.println("HTTP server started");  
60:  }  
61:  void loop(void) {  
62:   server.handleClient();  
63:  }  

Upload code tersebut pada ESP32 dan catatlah IP address yang didapat melalui serial monitor. kemudian silahkan ubah HttpClient.URL = "url address ESP8266/ESP32" pada Gambas3 dengan alamat ip ESP32 anda, sebagai contoh :

alamat IP esp32 yang anda dapatkan 192.168.0.3 maka pada Gambas3 HttpClient.URL = "http://192.168.0.3" untuk button 1 dan HttpClient.URL = "http://192.168.0.3/1" untuk Button 2. Jalankan program Gambas anda dengan kondisi ESP32 sudah terhubung dengan router dalam satu jaringan dengan Komputer anda, jika prosedurnya benar ketika Button1 atau Button2 di tekan pada program Gambas akan menyalakan Internal LED pada ESP32 kemudian memadamkannya kembali setelah 500ms.

Semoga bermanfaat.