WS2812B_WiFiServer.ino

/*
 WiFi Web Server LED Blink

 A simple web server that lets you blink an LED via the web.
 This sketch will print the IP address of your WiFi Shield (once connected)
 to the Serial monitor. From there, you can open that address in a web browser
 to turn on and off the LED on pin 5.

 If the IP address of your shield is yourAddress:
 http://yourAddress/H turns the LED on
 http://yourAddress/L turns it off

 This example is written for a network using WPA2 encryption. For insecure
 WEP or WPA, change the Wifi.begin() call and use Wifi.setMinSecurity() accordingly.

 Circuit:
 * WiFi shield attached
 * LED attached to pin 5

 created for arduino 25 Nov 2012
 by Tom Igoe

ported for sparkfun esp32
31.01.2017 by Jan Hendrik Berlin

 */

#include <WiFi.h>
#include <FastLED.h>

#define NUM_LEDS 4
#define DATA_PIN 11

CRGB leds[NUM_LEDS];
bool HTML_Key1_Flag = 0;
bool HTML_Key2_Flag = 0;
bool HTML_Key3_Flag = 0;
bool HTML_Key4_Flag = 0;

const char *ssid = "LilyGo-AABB";
const char *password = "xinyuandianzi";

WiFiServer server(80);

void setup()
{
    Serial.begin(115200);
    FastLED.addLeds<WS2812B, DATA_PIN, GRB>(leds, NUM_LEDS); // GRB ordering is typical
    FastLED.setBrightness(50);

    delay(10);

    // We start by connecting to a 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.");
    Serial.println("IP address: ");
    Serial.println(WiFi.localIP());

    server.begin();
}

void loop()
{
    WiFiClient client = server.available(); // listen for incoming clients

    if (client)
    {                                  // if you get a client,
        Serial.println("New Client."); // print a message out the serial port
        String currentLine = "";       // make a String to hold incoming data from the client
        while (client.connected())
        { // loop while the client's connected
            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
                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)
                    {
                        // HTTP headers always start with a response code (e.g. HTTP/1.1 200 OK)
                        // and a content-type so the client knows what's coming, then a blank line:
                        client.println("HTTP/1.1 200 OK");
                        client.println("Content-type:text/html");
                        client.println();

                        // the content of the HTTP response follows the header:
                        client.print("Click <a href=\"/key_1\">here</a> to change the WS2812B key 1 level.<br>");
                        client.print("Click <a href=\"/key_2\">here</a> to change the WS2812B key 2 level.<br>");
                        client.print("Click <a href=\"/key_3\">here</a> to change the WS2812B key 3 level.<br>");
                        client.print("Click <a href=\"/key_4\">here</a> to change the WS2812B key 4 level.<br>");
                        // The HTTP response ends with another blank line:
                        client.println();
                        // break out of the while loop:
                        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
                }

                // Check to see if the client request was "GET /H" or "GET /L":
                if (currentLine.endsWith("GET /key_1"))
                {
                    HTML_Key1_Flag = !HTML_Key1_Flag;
                    switch (HTML_Key1_Flag)
                    {
                    case 0:
                        leds[0] = CRGB::Black;
                        FastLED.show();
                        break;
                    case 1:
                        leds[0] = CRGB::Yellow;
                        FastLED.show();
                        break;

                    default:
                        break;
                    }
                }
                if (currentLine.endsWith("GET /key_2"))
                {
                    HTML_Key2_Flag = !HTML_Key2_Flag;
                    switch (HTML_Key2_Flag)
                    {
                    case 0:
                        leds[1] = CRGB::Black;
                        FastLED.show();
                        break;
                    case 1:
                        leds[1] = CRGB::Yellow;
                        FastLED.show();
                        break;

                    default:
                        break;
                    }
                }
                if (currentLine.endsWith("GET /key_3"))
                {
                    HTML_Key3_Flag = !HTML_Key3_Flag;
                    switch (HTML_Key3_Flag)
                    {
                    case 0:
                        leds[2] = CRGB::Black;
                        FastLED.show();
                        break;
                    case 1:
                        leds[2] = CRGB::Yellow;
                        FastLED.show();
                        break;

                    default:
                        break;
                    }
                }
                if (currentLine.endsWith("GET /key_4"))
                {
                    HTML_Key4_Flag = !HTML_Key4_Flag;
                    switch (HTML_Key4_Flag)
                    {
                    case 0:
                        leds[3] = CRGB::Black;
                        FastLED.show();
                        break;
                    case 1:
                        leds[3] = CRGB::Yellow;
                        FastLED.show();
                        break;

                    default:
                        break;
                    }
                }
            }
        }
        // close the connection:
        client.stop();
        Serial.println("Client Disconnected.");
        delay(500);
    }
}