Kommunikation zwischen 2 bzw. mehreren ESP8266

[Michael87 (Gast)]

Hallo zusammen,

ich versuche folgendes Projekt.
Auf einem ESP8266 soll ein AccessPoint erstellt werden. Dieser soll beim 
aufrufen der "192.168.1.1" eine Webseite mit einem RGB Slider anzeigen.
Diese soll dann auf einen WS2812 LED Streifen übertragen werden.
Dieser Teil funktioniert schon problemlos.
In einem weiteren Schritt wollte ich nun einen zweiten ESP8266 mit dem 
ersten ESP (also dem AP) verbinden.
Dies habe ich mit einer fixen IP gemacht. 192.168.1.101
Später sollen es mal 3 oder 4 Sein (192.168.1.102 / 192.168.1.103

Diese sollen genau die gleiche Farbe anzeigen wie der erste Strip.
Dazu sende ich nun die RGB Farben des ersten ESP (AP) per HTTP.GET an 
den zweiten ESP bzw. später auch an die anderen.

Nun kommt folgendes Problem.
Wenn ich im Serial Monitor die beiden ESP beobachte und mir die 
übertragenen RGB Werte anzeigen lasse, dann klappt das Problemlos. 
Sobald ich aber den Befehl strip.show() beim zweiten ESP ausführe hängt 
sich dieser auf und auch der AP (erste ESP) nimmt die Befehle nur noch 
ca. alle 2 Sekunden an.
Mir wurde in einem anderen Forum gesagt es kann daran liegen, dass die 
WS2812 beim ESP auf der RX Leitung liegen. Somit habe ich die Ausgabe 
der Seriellen Daten aus meinem Code entfernt und nun läuft auch durch 
nur leider leuchtet beim zweiten ESP keien LED.

Habt ihr eine Idee woran es liegen könnte?

Ich hänge mal alles an.

AccessPoint AP, erster ESP

#include "index.h"
#include <ESP8266WiFi.h>
#include <DNSServer.h>
#include <ESP8266WebServer.h>
#include <NeoPixelBus.h>
#include <ESP8266HTTPClient.h>

const String Client1 = "http://192.168.1.101";
const String Client2 = "http://192.168.1.102";
const String Client3 = "http://192.168.1.103";

int redINT;
int greenINT;
int blueINT;
byte CL2CL3_R;
byte CL2CL3_G;
byte CL2CL3_B;


#define PixelCount 4 // Number of leds on stick
#define PixelPin 0 // "NodeMCU pin 2 (RX) connected to Digital In of Pixel Stick"
//PIN 2 ist GPIO3 auf dem ESP-01
NeoPixelBus<NeoGrbFeature, NeoEsp8266Dma800KbpsMethod> strip(PixelCount, PixelPin);

const char * const ssid = "RGB";
// const char *password = "87654321";

const byte DNS_PORT = 53;
IPAddress apIP(192, 168, 1, 1);
DNSServer dnsServer;
ESP8266WebServer webServer(80);

//////////////////////////////////////////////////////////////////////////////////////////////////

void handleRoot() {
  
  String s = MAIN_page;
webServer.send(200, "text/html", s); //Send web page
Serial.println("handle root..");
String WebServerArgDecission = webServer.arg(0);
Serial.print("WebserverDecission: ");
Serial.println(WebServerArgDecission);
if (WebServerArgDecission == "C") {
  String red = webServer.arg(1); // read RGB arguments
  String green = webServer.arg(2);
  String blue = webServer.arg(3);
  
  redINT = 256-(red.toInt()/4);
  greenINT = 256-(green.toInt()/4);
  blueINT = 256-(blue.toInt()/4);
  int calcRGB = redINT + greenINT + blueINT;
  
  if (calcRGB == 0) {
    Serial.println("no no");
    }
  else {
      Serial.print("R:"); // for TESTING
      Serial.print(redINT); // for TESTING
      Serial.print(", G:"); // for TESTING
      Serial.print(greenINT); // for TESTING
      Serial.print(", B:"); // for TESTING
      Serial.println(blueINT); // for TESTING 
      getStatus();
    strip.SetPixelColor(0, RgbColor(redINT, greenINT, blueINT));
    strip.Show();
    }
  }
else {}
webServer.send(200, "text/html", s);
}

//////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////

void setup() {
  Serial.begin(9600);

delay(100);


WiFi.mode(WIFI_AP);
WiFi.softAPConfig(apIP, apIP, IPAddress(255, 255, 255, 0));
WiFi.softAP(ssid);

// if DNSServer is started with "*" for domain name, it will reply with provided IP to all DNS request
dnsServer.start(DNS_PORT, "rgb", apIP);

webServer.on("/", handleRoot);

webServer.begin();

strip.Begin();
strip.Show();

}

//////////////////////////////////////////////////////////////////////////////////////////////////

void loop() {

dnsServer.processNextRequest();
webServer.handleClient();

}

void getStatus() {
  HTTPClient http;
  http.begin(Client1 + "/cx" + redINT + "x" + greenINT + "x" + blueINT + "x\r\n");
  http.GET();
  http.end();
}

zweiter, dritter und vierter ESP STA-Mode

#include <ESP8266WiFi.h>
#include <ESP8266HTTPClient.h>
#include <EEPROM.h>
#include <NeoPixelBus.h>

int redINT;
int greenINT;
int blueINT;

#define PixelCount 4 // Number of leds on stick
#define PixelPin 5
NeoPixelBus<NeoGrbFeature, NeoEsp8266Dma800KbpsMethod> strip(PixelCount, PixelPin);

const char* const ssid = "RGB";    //  Your Wi-Fi Name
const char* const password = "12345678";   // Wi-Fi Password

//Static IP address configuration
IPAddress staticIP(192, 168, 1, 101); //ESP static ip
IPAddress gateway(192, 168, 1, 1);   //IP Address of your WiFi Router (Gateway)
IPAddress subnet(255, 255, 255, 0);  //Subnet mask
IPAddress dns(8, 8, 8, 8);  //DNS

WiFiServer server(80);
HTTPClient http;

void setup()
{
  WiFi.config(staticIP, subnet, gateway);
  WiFi.mode(WIFI_STA);
  WiFi.begin(ssid);
  while (WiFi.status() != WL_CONNECTED)
  {
    delay(500);
  }
}
void loop()
{
  WiFiClient client = server.available();
  if (!client)
  {
    return;
  }
//  Serial.println("Waiting for new client");
  while(!client.available())
  {
    delay(1);
  }
  String request = client.readStringUntil('\r');
  String CharRequest = request + "xTEST";
  int value = LOW;
  if(request.indexOf("/c") != -1)
  {
    String red = (split(CharRequest, 'x',1));
    String green = (split(CharRequest, 'x',2));
    String blue = (split(CharRequest, 'x',3));
    redINT = red.toInt();
    greenINT = green.toInt();
    blueINT = blue.toInt();
  }
  client.flush();
  strip.SetPixelColor(0, RgbColor(redINT, greenINT, blueINT));
  strip.Show();
  client.println("HTTP/1.1 200 OK"); //
  client.println("Content-Type: text/html");
  client.println("");
  client.println("<!DOCTYPE HTML>");
  client.println("<html>");
  client.print(" CONTROL LED: ");
}

String split(String s, char parser, int index) {
  String rs="";
  int parserIndex = index;
  int parserCnt=0;
  int rFromIndex=0, rToIndex=-1;
  while (index >= parserCnt) {
    rFromIndex = rToIndex+1;
    rToIndex = s.indexOf(parser,rFromIndex);
    if (index == parserCnt) {
      if (rToIndex == 0 || rToIndex == -1) return "";
      return s.substring(rFromIndex,rToIndex);
    } else parserCnt++;
  }
  return rs;
}

index.h des AP:

const char MAIN_page[] PROGMEM = R"=====(
<html lang="en">
<!DOCTYPE html><html><head><title>RGBLIGHT</title><meta name='mobile-web-app-capable' content='yes' />
<meta name='viewport' content='width=device-width' /></head><body style='margin: 0px; padding: 0px;'>
<canvas id='colorspace'></canvas></body>
<script type='text/javascript'>
(function () {
 var canvas = document.getElementById('colorspace');
 var ctx = canvas.getContext('2d');
 function drawCanvas() {
 var colours = ctx.createLinearGradient(0, 0, window.innerWidth, 0);
 for(var i=0; i <= 360; i+=10) {
 colours.addColorStop(i/360, 'hsl(' + i + ', 100%, 50%)');
 }
 ctx.fillStyle = colours;
 ctx.fillRect(0, 0, window.innerWidth, window.innerHeight);
 var luminance = ctx.createLinearGradient(0, 0, 0, ctx.canvas.height);
 luminance.addColorStop(0, '#ffffff');
 luminance.addColorStop(0.05, '#ffffff');
 luminance.addColorStop(0.5, 'rgba(0,0,0,0)');
 luminance.addColorStop(0.95, '#000000');
 luminance.addColorStop(1, '#000000');
 ctx.fillStyle = luminance;
 ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);
 }
 var eventLocked = false;
 function handleEvent(clientX, clientY) {
 if(eventLocked) {
 return;
 }
 function colourCorrect(v) {
 return Math.round(1023-(v*v)/64);
 }
 var data = ctx.getImageData(clientX, clientY, 1, window.innerHeight).data;
 var red = colourCorrect(data[0]);
 var params = [
 'X=C&r=' + colourCorrect(data[0]),
 'g=' + colourCorrect(data[1]),
 'b=' + colourCorrect(data[2])
 ].join('&');
 var req = new XMLHttpRequest();
 req.open('POST', '?' + params, true);
 req.send();
 eventLocked = true;
 req.onreadystatechange = function() {
 if(req.readyState == 4) {
 eventLocked = false;
 }
 }
 }
 canvas.addEventListener('click', function(event) {
 handleEvent(event.clientX, event.clientY, true);
 }, false);
 canvas.addEventListener('touchmove', function(event){
 handleEvent(event.touches[0].clientX, event.touches[0].clientY);
}, false);
 function resizeCanvas() {
 canvas.width = window.innerWidth
 canvas.height = window.innerHeight/2
 drawCanvas();
 }
 window.addEventListener('resize', resizeCanvas, false);
 resizeCanvas();
 drawCanvas();
 document.ontouchmove = function(e) {e.preventDefault()};
 })();
 function SET_AP1_Client1() {
 var request = new XMLHttpRequest();
 request.open('POST', '?' + 'X' + '=' + 'F', true);
 request.send();
 }
 function SET_Client2_Client3() {
 var request = new XMLHttpRequest();
 request.open('POST', '?' + 'X' + '=' + 'R', true);
 request.send();
 }
 function SetAll() {
 var request = new XMLHttpRequest();
 request.open('POST', '?' + 'X' + '=' + 'B', true);
 request.send();
 }
</script>
<div align='center'>
<button onclick='SetAll()'>Store 4 all</button><br>
<button onclick='SET_AP1_Client1()'>Set AP and Client1</button><br>
<button onclick='SET_Client2_Client3()'>Set Client2 and Client3</button>
</div>
</html>
)=====";

[Stefan F. (Gast)]

Michael87 schrieb:
> Auf einem ESP8266 soll ein AccessPoint erstellt werden. Dieser soll beim
> aufrufen der "192.168.1.1" eine Webseite mit einem RGB Slider anzeigen.

Im AP Modus hat der ESP normalerweise die Adresse 192.168.4.1 und alle 
damit verbundenen Clients haben eine Adresse aus dem Bereich 
192.168.4.x. Welchen Grund hast du, dies zu ändern?

Du wirfst die Begriffe "Server" und "Client" durcheinander. Zu einem 
Client kann man keinen HTTP GET Request senden.

Warum hast du da Code für DNS drin, obwohl alles mit festen IP Adressen 
passiert?

> Mir wurde in einem anderen Forum gesagt es kann daran liegen,
> dass die WS2812 beim ESP auf der RX Leitung liegen.

Die sie verkabelt sind, solltest du selbst doch 100% wissen und und auch 
mitteilen. Wie sollen wir Dir sonst helfen? Zeige deinen Schaltplan.

> Sobald ich aber den Befehl strip.show() beim zweiten ESP
> ausführe hängt sich dieser auf...und nun läuft auch durch
> nur leider leuchtet beim zweiten ESP keien LED.

Ich würde Dir vorschlagen, zuerst die Ansteuerung der LED Streifen ganz 
ohne Netzwerkkommunikation ans Laufen zu bringen. Zum Beispiel bunt 
blinken lassen.

void handleRoot() 
{ 
   webServer.send(200, "text/html", s); //Send web page

   if (WebServerArgDecission == "C") 
   {
       ...
   }
   else 
   {
   }
   webServer.send(200, "text/html", s);
}

Da ist etwas doppelt gemoppelt.

> const char MAIN_page[] PROGMEM = R"=====(
> <html lang="en">

Da stimmt wahrscheinlich etwas mit den Anführungsstrichen nicht.

Hänge das ganze Programm in compilierbarer Form an und bringe die 
grausame Formatierung in Ordnung! Dass Dir da nicht einmal die gröbsten 
Fehler auffallen, ist kein Wunder.

[Sascha W. (sascha-w)]

Hallo Michael,

um die Daten per HTTP an die "clients" oder sagen wir eher Slaves zu 
übertragen, müssen diese als Webserver laufen. Der Master sendet seinen 
Request mit den neuen Daten dann an jeden Slave. Das bringt jede Menge 
Overhead, und wenn ein Slave nicht erreichbar ist hängt die 
Kommunikation zumindest bis ein Timeout zuschlägt.
Ich würde vorschlagen die Verteilung der Daten an die Slaves per UDP zu 
machen, da kannst du die Daten an die Slaves senden und wenn die mal 
offline sind passiert auch nichts da nicht auf irgendwelche 
Bestätigungen gewartet werden muss. Per UDP kannst du sogar per 
Broadcast senden, dann brauchst du die Daten nur 1x senden und alle 
verbundenen Slaves empfangen das Paket. Um einen nachträglich 
verbundenen Slave auf den aktuellen Stand zu bringen kann der einfach 
ein UDP-Paket an den Master senden, bzw sollte es am Master auch die 
Möglichkeit geben einen neu verbundenen Slave über den Netzwerkstack zu 
erkennen.

Sascha