Embedded

projects 1.
2022

Tampere University of Applied Sciences /Degree Programme in ICT Engineering 1

 ESP – Wemos

Tampere University of Applied Sciences /Degree Programme in ICT Engineering 2

 • ESP HTPP webserver
ESP 8266

https://aiotedge.tech/hosting-tensorflow-js-web-application-in-esp32-arduino/

Tampere University of Applied Sciences /Degree Programme in ICT Engineering 3

 • ESP HTPP webserver
ESP 8266

https://randomnerdtutorials.com/esp32-async-web-server-espasyncwebserver-library/

Tampere University of Applied Sciences /Degree Programme in ICT Engineering 4

 ESP 8266
• C++ source
• HTML main web page
• JS/CSS components

Tampere University of Applied Sciences /Degree Programme in ICT Engineering 5

• ESP HTPP webserver
ESP 8266
https://techtutorialsx.com/2018/01/01/esp8266-arduin
o-asynchronous-http-web-server/

http://dfrobot.blogspot.com/2018/08/esp32-arduino-asy
nc-server-tutorial.html

Tampere University of Applied Sciences /Degree Programme in ICT Engineering 6

• ESP HTPP webserver
ESP 8266
• C++ code

• Loop section empty ?

Tampere University of Applied Sciences /Degree Programme in ICT Engineering 7

 ESP 8266
• ESP HTPP webserver

• C++ code

• CallBack’s in setup section

• Server.on HTTP GET

Tampere University of Applied Sciences /Degree Programme in ICT Engineering 8

 ESP 8266
• ESP HTPP webserver

• C++ code

• CallBack’s in setup section

• Server.on load static files

Tampere University of Applied Sciences /Degree Programme in ICT Engineering 9

 ESP 8266
• ESP HTPP webserver

• C++ code

• Server start

Tampere University of Applied Sciences /Degree Programme in ICT Engineering 10

 ESP 8266
• ESP HTPP webserver

• C++ code

• File system
• Wifi start

Tampere University of Applied Sciences /Degree Programme in ICT Engineering 11

 ESP 8266
• ESP HTPP webserver

• HTML code
• Js component library xx.min.js
• HTML components

Tampere University of Applied Sciences /Degree Programme in ICT Engineering 12

• ESP HTPP webserver
ESP 8266
• JS code
• Send request to server ( each time when UI componet ask )

Tampere University of Applied Sciences /Degree Programme in ICT Engineering 13

• ESP HTPP webserver
ESP 8266
• JS code
• Button press function

Tampere University of Applied Sciences /Degree Programme in ICT Engineering 14

• ESP HTPP webserver
ESP 8266
Data from C++ to HTML: C++ code

Tampere University of Applied Sciences /Degree Programme in ICT Engineering 15

• ESP HTPP webserver
ESP 8266
Data from C++ to HTML: JS code
Timed GET

Data from C++/server

(String)
this.responseText

Tampere University of Applied Sciences /Degree Programme in ICT Engineering 16

 ESP / SPIFFS
Input data from spiffs html file

https://randomnerdtutorials.com/esp32-esp8266-input-data-html-form/

Tampere University of Applied Sciences /Degree Programme in ICT Engineering 17