Variable aus HTML an neue Seite bearbeitet von Roger10499 15.04.2021 13:56 > Hallo, > > > > nicht komplett, und nicht für uns alle. 😉 > > > Ich kenne den ESP8266, habe damit schon ein bisschen gespielt. Der ESP32 ist der große Bruder mit 32bit-Core. Die Dinger sind typische Experimentier- und Bastelplattformen und werden üblicherweise in Lua oder Python programmiert. > > > > Ich programmiere über die Arduino IDE > > und dann vermutlich in C? Ja genau, ist ja kein reines C aber das kommt dem am nächsten > > > > Diese HTTP-Schnittstelle wird Roger selbst implementieren müssen. Es gibt dazu reichlich Beispiele im Netz, aber "machen" muss man es dann doch selbst. > > > > Wonach muss ich den Suchen um so eienm Beispiel zu finden? > > Ich hab mal nur drei Stichworte [bei Google eingeworfen](https://www.google.de/search?q=esp32+http+server) und kriege eine ganze Menge Treffer; gleich [die](https://docs.espressif.com/projects/esp-idf/en/latest/esp32/api-reference/protocols/esp_http_server.html) [ersten](https://randomnerdtutorials.com/esp32-web-server-arduino-ide/) [drei](https://lastminuteengineers.com/creating-esp32-web-server-arduino-ide/) klingen schon mal interessant. Was für dich wirklich geeignet ist, müsstest du selbst beurteilen. 2 der Links kannte ich schon und was darin erklärt ist habe ich auch schon umgesetzt. Mein Problem ist ja an die Daten zu kommen. Ich hab mit meinem ESP mal die Joy_1.Html mal ausgelesen anhand diesen Tutorials: <https://techtutorialsx.com/2017/05/19/esp32-http-get-requests/> und mein Controller gibt folgendes aus: ~~~ HTML <!DOCTYPE HTML> <html> <head> <title>Joy</title> <meta charset="utf-8"> <meta name="description" content="Example page of use pure Javascript JoyStick"> <meta name="author" content="Roberto D'Amico"> <link rel="shortcut icon" type="image/png" href="http://bobboteck.github.io/img/roberto-damico-bobboteck.png"> <style> * { box-sizing: border-box; } body { margin: 0px; padding: 0px; font-family: monospace; } .row { display: inline-flex; clear: both; } .columnLateral { float: left; width: 15%; min-width: 300px; } #joystick { border: 1px solid #FF0000; } </style> <script src="joy.js"></script> </head> <body> <!-- Example of two JoyStick integrated in the page structure --> <div class="row"> <div class="columnLateral"> <div id="joy1Div" style="width:200px;height:200px;margin:50px"></div> Posizione X:<input id="joy1PosizioneX" type="text" /><br /> Posizione Y:<input id="joy1PosizioneY" type="text" /><br /> Direzione:<input id="joy1Direzione" type="text" /><br /> X :<input id="joy1X" type="text" /></br> Y :<input id="joy1Y" type="text" /> </div> </div> <script type="text/javascript"> // Create JoyStick object into the DIV 'joy1Div' var Joy1 = new JoyStick('joy1Div'); var joy1IinputPosX = document.getElementById("joy1PosizioneX"); var joy1InputPosY = document.getElementById("joy1PosizioneY"); var joy1Direzione = document.getElementById("joy1Direzione"); var joy1X = document.getElementById("joy1X"); var joy1Y = document.getElementById("joy1Y"); setInterval(function(){ joy1IinputPosX.value=Joy1.GetPosX(); }, 50); setInterval(function(){ joy1InputPosY.value=Joy1.GetPosY(); }, 50); setInterval(function(){ joy1Direzione.value=Joy1.GetDir(); }, 50); setInterval(function(){ joy1X.value=Joy1.GetX(); }, 50); setInterval(function(){ joy1Y.value=Joy1.GetY(); }, 50); </script> </body> </html> ~~~ würde es also eine Seite geben z.B. /X-Wert könnte ich mit diesem weiterarbeiten können wenn der X-wert dort drin steht aber nicht in einer Variable sondern als richtiger text. Versteht ihr was ich meine?
Variable aus HTML an neue Seite bearbeitet von JürgenB 15.04.2021 14:12 > Hallo, > > > > nicht komplett, und nicht für uns alle. 😉 > > > Ich kenne den ESP8266, habe damit schon ein bisschen gespielt. Der ESP32 ist der große Bruder mit 32bit-Core. Die Dinger sind typische Experimentier- und Bastelplattformen und werden üblicherweise in Lua oder Python programmiert. > > > > Ich programmiere über die Arduino IDE > > und dann vermutlich in C? Ja genau, ist ja kein reines C aber das kommt dem am nächsten > > > > Diese HTTP-Schnittstelle wird Roger selbst implementieren müssen. Es gibt dazu reichlich Beispiele im Netz, aber "machen" muss man es dann doch selbst. > > > > Wonach muss ich den Suchen um so eienm Beispiel zu finden? > > Ich hab mal nur drei Stichworte [bei Google eingeworfen](https://www.google.de/search?q=esp32+http+server) und kriege eine ganze Menge Treffer; gleich [die](https://docs.espressif.com/projects/esp-idf/en/latest/esp32/api-reference/protocols/esp_http_server.html) [ersten](https://randomnerdtutorials.com/esp32-web-server-arduino-ide/) [drei](https://lastminuteengineers.com/creating-esp32-web-server-arduino-ide/) klingen schon mal interessant. Was für dich wirklich geeignet ist, müsstest du selbst beurteilen. 2 der Links kannte ich schon und was darin erklärt ist habe ich auch schon umgesetzt. Mein Problem ist ja an die Daten zu kommen. Ich hab mit meinem ESP mal die Joy_1.Html mal ausgelesen anhand diesen Tutorials: https://techtutorialsx.com/2017/05/19/esp32-http-get-requests/ und mein Controller gibt folgendes aus: `<!DOCTYPE HTML> <html> <head> <title>Joy</title> <meta charset="utf-8"> <meta name="description" content="Example page of use pure Javascript JoyStick"> <meta name="author" content="Roberto D'Amico"> <link rel="shortcut icon" type="image/png" href="http://bobboteck.github.io/img/roberto-damico-bobboteck.png"> <style> * { box-sizing: border-box; } body { margin: 0px; padding: 0px; font-family: monospace; } .row { display: inline-flex; clear: both; } .columnLateral { float: left; width: 15%; min-width: 300px; } #joystick { border: 1px solid #FF0000; } </style> <script src="joy.js"></script> </head> <body> <!-- Example of two JoyStick integrated in the page structure --> <div class="row"> <div class="columnLateral"> <div id="joy1Div" style="width:200px;height:200px;margin:50px"></div> Posizione X:<input id="joy1PosizioneX" type="text" /><br /> Posizione Y:<input id="joy1PosizioneY" type="text" /><br /> Direzione:<input id="joy1Direzione" type="text" /><br /> X :<input id="joy1X" type="text" /></br> Y :<input id="joy1Y" type="text" /> </div> </div> <script type="text/javascript"> // Create JoyStick object into the DIV 'joy1Div' var Joy1 = new JoyStick('joy1Div'); var joy1IinputPosX = document.getElementById("joy1PosizioneX"); var joy1InputPosY = document.getElementById("joy1PosizioneY"); var joy1Direzione = document.getElementById("joy1Direzione"); var joy1X = document.getElementById("joy1X"); var joy1Y = document.getElementById("joy1Y"); setInterval(function(){ joy1IinputPosX.value=Joy1.GetPosX(); }, 50); setInterval(function(){ joy1InputPosY.value=Joy1.GetPosY(); }, 50); setInterval(function(){ joy1Direzione.value=Joy1.GetDir(); }, 50); setInterval(function(){ joy1X.value=Joy1.GetX(); }, 50); setInterval(function(){ joy1Y.value=Joy1.GetY(); }, 50); </script> </body> </html> ` würde es also eine Seite geben z.B. /X-Wert könnte ich mit diesem weiterarbeiten können wenn der X-wert dort drin steht aber nicht in einer Variable sondern als richtiger text. Versteht ihr was ich meine?
nicht angemeldet nicht angemeldet
