Arduino Web Server Tutorial (Part 1 - Overview)


In the basic-webserver-tutorial we setup a simple web page to display a single temperature value. In this tutorial we are going to use the Freetronics EtherTen and a Bosch BME280 sensor. This sensor outputs barometric presure, temperature and humidity. We are going to improve on the web page output and introduce such concepts of css, images and AJAX. This tutorial also uses the onboard SD card to provide file storage for out web files.

Sample web output for basic webserver

Note: This Arduino web server is using a private IP address and will not be accessible to the Internet. However any other computer on your internal network will be able to access the web server. To access this device from the Internet you will need to enable port forwarding on your router.

Hardware Requirements

  • Arduino Board with built in ethernet or ethernet shield that supports the Arduino Ethernet library
  • Bosch BME280 Sensor. We used the Adafruit BME280 breakout board
  • Ethernet Cable and Switch
  • 9 to 12V DC Power source
  • SD Card to suite Arduino board

Software Requirements