Use a browser to see all data from the serial port (Serial.print) from an Arduino.

Goal

I wanted to look at the output of my Arduino - written with Serial.println('...') - from a web browser.

How

So I hooked up an ESP8266 to the serial port of an Arduino. The ESP8266 connects to my Wifi and starts a web server.

All output from the Arduino is then received by the ESP8266, stored in a Queue and fetched every half second to be displayed on a web page.

Why

Most Arduinos use 5V for their IO pins, while an ESP8266 is pure 3.3V. We need to bring down the 5V with a voltage divider to a level the ESP8266 supports.

What do you need?

Hardware

  • Arduino
  • ESP8266

Software