Android Web Client Menggunakan WiFi

  1. Buatlah project baru dengan nama Android WiFi

  2. Buatlah desain tampilan dari aplikasi Android seperti berikut ini

  3. Komponen yang digunakan pada project kali ini adalah sebagai berikut ini

  4. Buatlah program pada bagian block editor menjadi sebagai berikut

  5. Pada Wemos buatlah program untuk mengaktifkan web server sederhana seperti berikut ini

    #include <ESP8266WiFi.h>
    
    const char* ssid = "Andromax-M3Z-00CC";
    const char* password = "37925456";
    
    // Create an instance of the server
    // specify the port to listen on as an argument
    WiFiServer server(80);
    
    void setup() {
      Serial.begin(115200);
      delay(10);
    
      // prepare GPIO2
      pinMode(2, OUTPUT);
      digitalWrite(2, 0);
    
      // Connect to WiFi network
      Serial.println();
      Serial.println();
      Serial.print("Connecting to ");
      Serial.println(ssid);
    
      WiFi.begin(ssid, password);
    
      while (WiFi.status() != WL_CONNECTED) {
        delay(500);
        Serial.print(".");
      }
      Serial.println("");
      Serial.println("WiFi connected");
    
      // Start the server
      server.begin();
      Serial.println("Server started");
    
      // Print the IP address
      Serial.println(WiFi.localIP());
    }
    
    void loop() {
      // Check if a client has connected
      WiFiClient client = server.available();
      if (!client) {
        return;
      }
    
      // Wait until the client sends some data
      Serial.println("new client");
      while(!client.available()){
        delay(1);
      }
    
      // Read the first line of the request
      String req = client.readStringUntil('\r');
      Serial.println(req);
      client.flush();
    
      // Match the request
      int val;
      if (req.indexOf("/gpio/0") != -1)
        val = 0;
      else if (req.indexOf("/gpio/1") != -1)
        val = 1;
      else {
        Serial.println("invalid request");
        client.stop();
        return;
      }
    
      // Set GPIO2 according to the request
      digitalWrite(2, val);
    
      client.flush();
    
      // Prepare the response
      String s = "HTTP/1.1 200 OK\r\nContent-Type: text/html\r\n\r\n<!DOCTYPE HTML>\r\n<html>\r\nGPIO is now ";
      s += (val)?"high":"low";
      s += "</html>\n";
    
      // Send the response to the client
      client.print(s);
      delay(1);
      Serial.println("Client disonnected");
    
      // The client will actually be disconnected 
      // when the function returns and 'client' object is detroyed
    }
    
  6. Lakukan upload program pada Wemos dan buka serial monitor untuk melihat IP Address dari Wemos

  7. Lakukan ujicoba dengan cara menghubungkan HP android ke jaringan WiFi kemudian buka aplikasi dan masukkan IP Address pada textbox IP Address. Kemudian tekan tombol LED On dan LED Off dan amati nyala lampu yang ada di Wemos

results matching ""

    No results matching ""