Uploaded August 2018 | Updated September 2026, 2 weeks ago

---

• Your support helps me post videos more frequently:
patreon.com/acrobotic
paypal.me/acrobotic
https://buymeacoff.ee/acrobotic
BTC: 1ZpLvgETofMuzCaKoq5XJZKSwe5UNkwLM
==========
• Find me on:
twitter.com/acrobotic
facebook.com/acrobotic
instagram.com/acrobotic
==========
• My shops:
acrobotic.com/shop
amazon.com/shops/acrobotic
==========
• Description:
In this video I show you how a web server running on the ESP8266 can use its built-in File System to send a full webpage as a response to a web browser. The File System allows us to work with files, which is much more convenient than cramming HTML, JavaScript, CSS, etc., into a character array variable in our firmware code. We build on the web server code we set up in another video (youtu.be/ZJoBy2c1dPk), and use the SPIFFS library for uploading files to the ESP8266.
As before, the webpage that's served includes a button element. When the button is clicked, the request that's sent to the web server makes the ESP8266 toggle on and off the built-in LED on the development board.
One of the most common tasks when using the ESP8266 is storing information that survives a power cycle. Using Flash Memory is the way to do this. Moreover, using the File System allows us to work with files, which makes working with webpages a whole lot easier!
==========
• Related vids:
Getting started with the WeMos ESP8266 Development Board using Arduino: youtu.be/GQIT_NMhgFw
==========
• Project parts:
ACROBOTIC WeMos Development Board for ESP8266:
acrobotic.com/products/acr-00029
amzn.to/2GFqnWS (affiliate)
==========
• Project code:
Firmware for the Arduino IDE:
github.com/acrobotic/Ai_Tips_ESP8266/tree/master/webserver_spiffs
Instructions for modifying the Arduino IDE:
github.com/esp8266/Arduino/blob/master/doc/filesystem.rst
More info about Flash Memory on the ESP8266:
learn.acrobotic.com/datasheets/esp8266_progmem_en.pdf
==========
• Tutorials:
Detailed guide for getting started with the WeMos ESP8266 Development Board:
learn.acrobotic.com/tutorials/post/wemos-d1-mini-esp8266-getting-started
==========
• Music:
andyclassical (audiojungle.net/user/andyclassical/portfolio). Envato's Music Standard License.
==========
#ESP8266 #Arduino #Tutorial