[Arduino IDE demo source code for KC868-AI]--#07-AI_Digital input_Ethernet_Web_server

Code:
  /***********************************************************

 * Create Your own WebServer for KC868-AI Smart Controller*

 * https://www.kincony.com                                **

***********************************************************/



#include "PCF8574.h"

#define DEBUG_ETHERNET_WEBSERVER_PORT       Serial



// Debug Level from 0 to 4

#define _ETHERNET_WEBSERVER_LOGLEVEL_       3



#include <WebServer_WT32_ETH01.h>



WiFiServer server(80);



// Current time

unsigned long currentTime = millis();

// Previous time

unsigned long previousTime = 0; 

// Define timeout time in milliseconds (example: 2000ms = 2s)

const long timeoutTime = 2000;



// Variable to store the HTTP request

String header;

// Set i2c address   

PCF8574 pcf8574_1(0x24,4,5);

PCF8574 pcf8574_2(0x25,4,5);

PCF8574 pcf8574_3(0x21,4,5);

PCF8574 pcf8574_4(0x22,4,5);

PCF8574 pcf8574_5(0x26,4,5);

PCF8574 pcf8574_6(0x23,4,5);





void setup() {



  Serial.begin(115200); 



  

  for(int i=0;i<=7;i++)

  {

     pcf8574_1.pinMode(i, INPUT);

     pcf8574_2.pinMode(i, INPUT);

     pcf8574_3.pinMode(i, INPUT);

     pcf8574_4.pinMode(i, INPUT);

     pcf8574_5.pinMode(i, INPUT);

     pcf8574_6.pinMode(i, INPUT);

  }

 

    pcf8574_1.begin();

    pcf8574_2.begin();

    pcf8574_3.begin();

    pcf8574_4.begin();

    pcf8574_5.begin();

    pcf8574_6.begin();



      

   while (!Serial);



  Serial.print("\nStarting WebServer on " + String(ARDUINO_BOARD));

  Serial.println(" with " + String(SHIELD_TYPE));

  Serial.println(WEBSERVER_WT32_ETH01_VERSION);



  // To be called before ETH.begin()

  WT32_ETH01_onEvent();

  ETH.begin(ETH_PHY_ADDR, ETH_PHY_POWER);

  server.begin();



}



void loop(){

  WiFiClient client = server.available();   // Listen for incoming clients



  if (client) {                             // If a new client connects,

    Serial.println("New Client.");          // print a message out in the serial port

    String currentLine = "";                // make a String to hold incoming data from the client

    currentTime = millis();

    previousTime = currentTime;

    while (client.connected() && currentTime - previousTime <= timeoutTime) { // loop while the client's connected

      currentTime = millis();         

      if (client.available()) {             // if there's bytes to read from the client,

        char c = client.read();             // read a byte, then

        Serial.write(c);                    // print it out the serial monitor

        header += c;

        if (c == '\n') {                    // if the byte is a newline character

          // if the current line is blank, you got two newline characters in a row.

          // that's the end of the client HTTP request, so send a response:

            if (currentLine.length() == 0) {

             client.print(

            "HTTP/1.1 200 OK\r\n"

            "Content-Type: text/html\r\n"

            "Connection: close\r\n"  // the connection will be closed after completion of the response

            "Refresh: 2\r\n"        // refresh the page automatically every 2 sec

            "\r\n");

            client.println("<!DOCTYPE html><html>");

            client.println("<head><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">");

            client.println("<link rel=\"icon\" href=\"data:,\">");

            // CSS to style the on/off buttons 

            // Feel free to change the background-color and font-size attributes to fit your preferences

            client.println("<style>html { font-family: Helvetica; display: inline-block; border: 3px solid green;margin: 0px auto;text-align: center;font-size: 10px;}");

            client.println(".button { background-color: MediumSeaGreen; border-radius: 10px;color: white; padding: 10px 10px;");

            client.println("text-decoration: none; font-size: 20px; margin: 2px;text-align: center; cursor: pointer;}");



            client.println(".button1 { background-color: Tomato; border-radius: 10px;color: white; padding: 10px 10px;");

            client.println("text-decoration: none; font-size: 20px; margin: 2px;text-align: center; cursor: pointer;}");

            client.println(".button2 {background-color: Tomato;}</style></head>");

            client.println("<body><h1>KC868-AI Web Server</h1>");

            if (pcf8574_1.digitalRead(0)==0) client.println("<a><button class=\"button1\">INPUT01</button></a>"); else client.println("<a><button class=\"button\">INPUT01</button></a>");

            if (pcf8574_1.digitalRead(1)==0) client.println("<a><button class=\"button1\">INPUT02</button></a>"); else client.println("<a><button class=\"button\">INPUT02</button></a>");                                 

            if (pcf8574_1.digitalRead(2)==0) client.println("<a><button class=\"button1\">INPUT03</button></a>"); else client.println("<a><button class=\"button\">INPUT03</button></a>");

            if (pcf8574_1.digitalRead(3)==0) client.println("<a><button class=\"button1\">INPUT04</button></a>"); else client.println("<a><button class=\"button\">INPUT04</button></a>");

            if (pcf8574_1.digitalRead(4)==0) client.println("<a><button class=\"button1\">INPUT05</button></a>"); else client.println("<a><button class=\"button\">INPUT05</button></a>");

            if (pcf8574_1.digitalRead(5)==0) client.println("<a><button class=\"button1\">INPUT06</button></a>"); else client.println("<a><button class=\"button\">INPUT06</button></a>");                                 

            if (pcf8574_1.digitalRead(6)==0) client.println("<a><button class=\"button1\">INPUT07</button></a>"); else client.println("<a><button class=\"button\">INPUT07</button></a>");

            if (pcf8574_1.digitalRead(7)==0) client.println("<a><button class=\"button1\">INPUT08</button></a>"); else client.println("<a><button class=\"button\">INPUT08</button></a>");



            if (pcf8574_2.digitalRead(0)==0) client.println("<a><button class=\"button1\">INPUT09</button></a>"); else client.println("<a><button class=\"button\">INPUT09</button></a>");

            if (pcf8574_2.digitalRead(1)==0) client.println("<a><button class=\"button1\">INPUT10</button></a>"); else client.println("<a><button class=\"button\">INPUT10</button></a>");                                 

            if (pcf8574_2.digitalRead(2)==0) client.println("<a><button class=\"button1\">INPUT11</button></a>"); else client.println("<a><button class=\"button\">INPUT11</button></a>");

            if (pcf8574_2.digitalRead(3)==0) client.println("<a><button class=\"button1\">INPUT12</button></a>"); else client.println("<a><button class=\"button\">INPUT12</button></a>");

            if (pcf8574_2.digitalRead(4)==0) client.println("<a><button class=\"button1\">INPUT13</button></a>"); else client.println("<a><button class=\"button\">INPUT13</button></a>");

            if (pcf8574_2.digitalRead(5)==0) client.println("<a><button class=\"button1\">INPUT14</button></a>"); else client.println("<a><button class=\"button\">INPUT14</button></a>");                                 

            if (pcf8574_2.digitalRead(6)==0) client.println("<a><button class=\"button1\">INPUT15</button></a>"); else client.println("<a><button class=\"button\">INPUT15</button></a>");

            if (pcf8574_2.digitalRead(7)==0) client.println("<a><button class=\"button1\">INPUT16</button></a>"); else client.println("<a><button class=\"button\">INPUT16</button></a>");





            if (pcf8574_3.digitalRead(0)==0) client.println("<a><button class=\"button1\">INPUT17</button></a>"); else client.println("<a><button class=\"button\">INPUT17</button></a>");

            if (pcf8574_3.digitalRead(1)==0) client.println("<a><button class=\"button1\">INPUT18</button></a>"); else client.println("<a><button class=\"button\">INPUT18</button></a>");                                 

            if (pcf8574_3.digitalRead(2)==0) client.println("<a><button class=\"button1\">INPUT19</button></a>"); else client.println("<a><button class=\"button\">INPUT19</button></a>");

            if (pcf8574_3.digitalRead(3)==0) client.println("<a><button class=\"button1\">INPUT20</button></a>"); else client.println("<a><button class=\"button\">INPUT20</button></a>");

            if (pcf8574_3.digitalRead(4)==0) client.println("<a><button class=\"button1\">INPUT21</button></a>"); else client.println("<a><button class=\"button\">INPUT21</button></a>");

            if (pcf8574_3.digitalRead(5)==0) client.println("<a><button class=\"button1\">INPUT22</button></a>"); else client.println("<a><button class=\"button\">INPUT22</button></a>");                                 

            if (pcf8574_3.digitalRead(6)==0) client.println("<a><button class=\"button1\">INPUT23</button></a>"); else client.println("<a><button class=\"button\">INPUT23</button></a>");

            if (pcf8574_3.digitalRead(7)==0) client.println("<a><button class=\"button1\">INPUT24</button></a>"); else client.println("<a><button class=\"button\">INPUT24</button></a>");



            if (pcf8574_4.digitalRead(0)==0) client.println("<a><button class=\"button1\">INPUT25</button></a>"); else client.println("<a><button class=\"button\">INPUT25</button></a>");

            if (pcf8574_4.digitalRead(1)==0) client.println("<a><button class=\"button1\">INPUT26</button></a>"); else client.println("<a><button class=\"button\">INPUT26</button></a>");                                 

            if (pcf8574_4.digitalRead(2)==0) client.println("<a><button class=\"button1\">INPUT27</button></a>"); else client.println("<a><button class=\"button\">INPUT27</button></a>");

            if (pcf8574_4.digitalRead(3)==0) client.println("<a><button class=\"button1\">INPUT28</button></a>"); else client.println("<a><button class=\"button\">INPUT28</button></a>");

            if (pcf8574_4.digitalRead(4)==0) client.println("<a><button class=\"button1\">INPUT29</button></a>"); else client.println("<a><button class=\"button\">INPUT29</button></a>");

            if (pcf8574_4.digitalRead(5)==0) client.println("<a><button class=\"button1\">INPUT30</button></a>"); else client.println("<a><button class=\"button\">INPUT30</button></a>");                                 

            if (pcf8574_4.digitalRead(6)==0) client.println("<a><button class=\"button1\">INPUT31</button></a>"); else client.println("<a><button class=\"button\">INPUT31</button></a>");

            if (pcf8574_4.digitalRead(7)==0) client.println("<a><button class=\"button1\">INPUT32</button></a>"); else client.println("<a><button class=\"button\">INPUT32</button></a>");



            if (pcf8574_5.digitalRead(0)==0) client.println("<a><button class=\"button1\">INPUT33</button></a>"); else client.println("<a><button class=\"button\">INPUT33</button></a>");

            if (pcf8574_5.digitalRead(1)==0) client.println("<a><button class=\"button1\">INPUT34</button></a>"); else client.println("<a><button class=\"button\">INPUT34</button></a>");                                 

            if (pcf8574_5.digitalRead(2)==0) client.println("<a><button class=\"button1\">INPUT35</button></a>"); else client.println("<a><button class=\"button\">INPUT35</button></a>");

            if (pcf8574_5.digitalRead(3)==0) client.println("<a><button class=\"button1\">INPUT36</button></a>"); else client.println("<a><button class=\"button\">INPUT36</button></a>");

            if (pcf8574_5.digitalRead(4)==0) client.println("<a><button class=\"button1\">INPUT37</button></a>"); else client.println("<a><button class=\"button\">INPUT37</button></a>");

            if (pcf8574_5.digitalRead(5)==0) client.println("<a><button class=\"button1\">INPUT38</button></a>"); else client.println("<a><button class=\"button\">INPUT38</button></a>");                                 

            if (pcf8574_5.digitalRead(6)==0) client.println("<a><button class=\"button1\">INPUT39</button></a>"); else client.println("<a><button class=\"button\">INPUT39</button></a>");

            if (pcf8574_5.digitalRead(7)==0) client.println("<a><button class=\"button1\">INPUT40</button></a>"); else client.println("<a><button class=\"button\">INPUT40</button></a>");



            if (pcf8574_6.digitalRead(0)==0) client.println("<a><button class=\"button1\">INPUT41</button></a>"); else client.println("<a><button class=\"button\">INPUT41</button></a>");

            if (pcf8574_6.digitalRead(1)==0) client.println("<a><button class=\"button1\">INPUT42</button></a>"); else client.println("<a><button class=\"button\">INPUT42</button></a>");                                 

            if (pcf8574_6.digitalRead(2)==0) client.println("<a><button class=\"button1\">INPUT43</button></a>"); else client.println("<a><button class=\"button\">INPUT43</button></a>");

            if (pcf8574_6.digitalRead(3)==0) client.println("<a><button class=\"button1\">INPUT44</button></a>"); else client.println("<a><button class=\"button\">INPUT44</button></a>");

            if (pcf8574_6.digitalRead(4)==0) client.println("<a><button class=\"button1\">INPUT45</button></a>"); else client.println("<a><button class=\"button\">INPUT45</button></a>");

            if (pcf8574_6.digitalRead(5)==0) client.println("<a><button class=\"button1\">INPUT46</button></a>"); else client.println("<a><button class=\"button\">INPUT46</button></a>");                                 

            if (pcf8574_6.digitalRead(6)==0) client.println("<a><button class=\"button1\">INPUT47</button></a>"); else client.println("<a><button class=\"button\">INPUT47</button></a>");

            if (pcf8574_6.digitalRead(7)==0) client.println("<a><button class=\"button1\">INPUT48</button></a>"); else client.println("<a><button class=\"button\">INPUT48</button></a>");

           

            client.println("</body></html>");

            

            // The HTTP response ends with another blank line

            client.println();

            break;

          } else { // if you got a newline, then clear currentLine

            currentLine = "";

          }

        } else if (c != '\r') {  // if you got anything else but a carriage return character,

          currentLine += c;      // add it to the end of the currentLine

        }

      }

    }

    // Clear the header variable

    header = "";

    // Close the connection

    client.stop();

    Serial.println("Client disconnected.");

    Serial.println("");

  }



}