Project

General

Profile

Simple GET POST web page

Demo file : esp32_http_server_demo.slx

Description

This demo shows how to use HTTP Server Setup Block, HTTP GET Handler Block and HTTP POST Handler Block by using the custom html web pages. Addition to this blocks, the WiFi Block is used to initialize the wifi in AP mode to access the http server and SD Card Setup Block is used to initialize the SD card to serve the files (.html, ,css and .png).

Note : First copy the source_files.7z and extract the files to the SD card and insert in to the ESP32 module.

What should be happening?

Once the wifi is initialize wifi in AP mode use the following information to connect to the ESP32.
  • IP : 192.168.20.21
  • SSID : Test_http_server
  • Password : 00000000

Once the IP address is accessed using the web browser, the web page is as below

The client will sends GET/POST requests according to the button
  • Load image button : Show an image from the SD card using GET method
  • Send POST Request button : Send POST request to to server and shows the response data in the text area
  • Next page button : Redirect to another html page using GET method

Model file : esp32_http_server_demo.slx
Source files : source_files.7z

Previous : System Time demo
Next : Line chart widget with ADC values

Also available in: PDF HTML TXT