Build Instructions

Collapse

• 1

  Overview

  We will make a couple of projects under this one category, i.e. Web Servers -

  1. 'Hello World' on WebPage (hosted from ESP32)

  2. Display LIVE Data from BME280 (environment sensor) connected with ESP32

  3. Make ESP32 as Access Point (HotSpot) and view the Web Page by connecting with ESP32 directly

  4. Using SPIFFS (File Management within ESP32)

  5. Use SPIFFS to host page from HTML, CSS, and JS files (including images, etc)

  6. Use mDNS to use custom domain names and access the WebServer

  7. Use NGROK to tunnel the server and host it LIVE on the Internet

  Now, you have a full-fledged working webserver on that small embedded system board.

• 2

  Get PCBs for Your Projects Manufactured

  You must check out PCBWAY for ordering PCBs online for cheap!

  You get 10 good-quality PCBs manufactured and shipped to your doorstep for cheap. You will also get a discount on shipping on your first order. Upload your Gerber files onto PCBWAY to get them manufactured with good quality and quick turnaround time. PCBWay now could provide a complete product solution, from design to enclosure production. Check out their online Gerber viewer function. With reward points, you can get free stuff from their gift shop.

• 3

  Libraries Required/Used

  • Wire - This library allows you to communicate with I2C / TWI devices. In ESP32, SDA -> D21 and SCL -> D22. Used to set I2C communication with the BME280 sensor.
  • SparkFunBME280 - This library allows the user to: Read pressure in Pa, Read temperature in C and F, Read humidity in %RH and Read Altitude in feet and meters. more details
  • Adafruit Sensor - To use the BME280 library, you also need to install the Adafruit_Sensor library. Follow the next steps to install the library in your Arduino IDE: Go to Sketch > Include Library > Manage Libraries and type “Adafruit Unified Sensor” in the search box. Scroll all the way down to find the library and install it.
  • WiFi - This library lets the board connect to the internet, wifi service. more details
  • WebServer - Supports in creating a webserver and run an independent simple webserver. more details
  • ESPAsyncWebServer - Creates Async HTTP and WebSocket Server on ESP32. Requires AsyncTCP to use with ESP32. more details
  • SPIFFS - It lets you access the flash memory like you would do in a normal filesystem in your computer, but simpler and more limited. You can read, write, close, and delete files. more details
  • ESP32mDNS - mDNS is a multicast UDP service that is used to provide local network service and host discovery. It is installed by default on most operating systems or is available as a separate package. more details

View all 10 instructions