ESP8266 Web Server Access With JavaScript Client And Arduino IDE (Mac OSX and Windows) @datasith
ESP8266 Web Server Access With JavaScript Client And Arduino IDE (Mac OSX and Windows)  @datasith
Uploaded December 2016 | 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 to send data to, and process it on, a web server running on the ESP8266. I start with the web server code that was set up in another video (youtu.be/m2fEXhl70OY), and add a route where to send the data. When the JSON-formatted data is received, it's sent to a callback function, which processes it and extracts the included parameters (more details: youtu.be/Edbxyl2BhyU). The JSON-formatted data specifies the frequency and number of blinks displayed using the onboard LED a text message that we want to display on an OLED screen connected to our ESP8266.
I go over the process, step-by-step, of how to write the server code using the Arduino IDE, and a client application in JavaScript using the Text Editor Vim.
One of the most common tasks when using the ESP8266 is setting it up as a device that connects to a network and responds to traffic on it (i.e., a web server). We wanted to show you in detail how to take things further by writing a JavaScript client application to send custom, JSON-formatted data to the web server running on the ESP8266.
==========
• Related vids:
Getting started with the WeMos ESP8266 Development Board using Arduino: youtu.be/GQIT_NMhgFw
==========
• Project parts:
ACROBOTIC Development Board for ESP8266:
acrobotic.com/products/acr-00018
amzn.to/2dAZ1mW (affiliate)
• 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:
Another fantastic feature of WiFi-capable microcontrollers is the ability to either connect to a wireless network (Station mode) or creating their own (Access Point mode). In a previous video (youtu.be/uFjWKhScnVY) we saw how both modes work.
In this tutorial I show how to build an application that switches between the two. I give the user the option—via a web interface— of inputting her or his Wi-Fi credentials, storing them in flash memory (using the SPI Flash File System), and using them to access a network.
If no Wi-Fi credentials are given, or if the network is not available, the ESP8266 creates its own that we can access to enter the web interface.
==========
• Related vids:
Getting started with the WeMos ESP8266 Development Board using Arduino: youtu.be/GQIT_NMhgFw
==========
• Project parts:
ACROBOTIC WeMos Development Kit for ESP8266:
acrobotic.com/products/acr-00027
amzn.to/2PBK2KE (affiliate)
ACROBOTIC WeMos D1 Mini V2 Development Board for ESP8266:
acrobotic.com/products/acr-00017
amzn.to/2D3KiA6 (affiliate)
==========
• Project code:
Firmware for the Arduino IDE:
github.com/acrobotic/Ai_Tips_ESP8266/tree/master/webserver_js_client/server
JavaScript client application using a blank HTML page:
github.com/acrobotic/Ai_Tips_ESP8266/blob/master/webserver_js_client/client
==========
• Tutorials:
Detailed tutorial for using OLED screens with ESP8266:
learn.acrobotic.com/tutorials/post/esp8266-oled-display-using-i2c
Detailed guide for getting started with the 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
ESP8266 Web Server Access With JavaScript Client And Arduino IDE (Mac OSX and Windows)ESP8266 MicroPython For A Weather Station Using A WeMos Micro OLEDESP8266 and Arduino Robotics: Measuring Distances w/ Ultrasonic Sensor HC-SR04 | WHEEL-E Robot[LiveStream #016] Q&A | Back after 10 monthsESP32 Compass Animation | QMC5883, Babylon JS, and WebsocketsESP8266 Analog Voltages for Controlling Webpage RGB Colors | ADS1115 ADC, Websockets, ArduinoESP8266 Plot Sensor Data With Websockets/Chart.js In Arduino IDE (Mac OSX & Windows) | WeMos BMP180ESP8266 IoT Control and Monitor From Anywhere With Arduino and Python | Home AutomationESP8266 Storing Wi-Fi Settings In Flash Auto-Switch AP/Station Modes | Arduino (Mac OSX and Windows)ESP8266 Web Server Step-By-Step Using Arduino IDE (Mac OSX and Windows)Raspberry Pi 4 as a Linux PCESP8266 Weather Sensor Data Graphs and Visualization (Mac OSX and Windows)
datasith |

ESP8266 Web Server Access With JavaScript Client And Arduino IDE (Mac OSX and Windows)

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER