Git Product home page Git Product logo

esp32-webserver's Introduction

ESP32 basic web server

I was realy REALY bored recently and I decided to make a web server using the ESP32. This specific example opens a Wi-Fi AP, that when connected to will have a home.local domain. The website on the domain has two buttons, that when pressed will change the displayed image on the screen. Very simple.

The web server

The web server supports the following features:

  • Serving static files (that are uploaded to SPIFFS)
  • Endpoints with actions (like turning on and off a LED)
  • Logging via serial when in debug mode
  • The default action as written in server.cpp serve the index.html file

Currently supported file types for static files are (but not limited to (it's very easy to expand upon)):

  • HTML
  • CSS
  • JS
  • PNG
  • JPG

The hardware

To run this you will need a:

  • ESP32
  • A display (I used a Sharp Memory low power LCD)

Before running

Make sure to upload the file system image. All the files should be located in the data folder.

Included tools:

There is a script that will be run when the project is BUILT. It's the included binary image converter. Converts .jpg images to suitable monochrome binary file formats, that are used with the provided graphics library.

If you wish to add any custom images of yours they can be easily added into the pre_upload.py script, take a look it's just an array. I recommend reading the docs on this repository beforehand though.

esp32-webserver's People

Contributors

tevz-beskovnik avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.