Esp8266 WebServer using STM32 HAL

I already covered How to manage multiple UARTs using ring buffer in STM32. You must have a knowledge of that, if you want to understand this one. Better take a look at that tutorial first.
Today, in this tutorial, we will use the ring buffer to manage a Esp8266 Webserver using STM32 HAL library. Basically, we will blink a LED using WiFi, by creating a webserver.

Below is the CubeMX setup. Two UARTs are being used. One is connected to the ESP8266, and another is connected to the computer.

esp8266 setup

Below is the connection between the ESP8266 and the STM32.

esp8266 connection

Some Insight into the CODE

Let’s see some of the functions, that we are going to use

void ESP_Init (char *SSID, char *PASSWD)
{
	char data[80];

	Ringbuf_init();

	Uart_sendstring("AT+RST\r\n", wifi_uart);
	Uart_sendstring("RESETTING.", pc_uart);
	for (int i=0; i<5; i++)
	{
		Uart_sendstring(".", pc_uart);
		HAL_Delay(1000);
	}

	/********* AT **********/
	Uart_sendstring("AT\r\n", wifi_uart);
	while(!(Wait_for("AT\r\r\n\r\nOK\r\n", wifi_uart)));
	Uart_sendstring("AT---->OK\n\n", pc_uart);


	/********* AT+CWMODE=1 **********/
	Uart_sendstring("AT+CWMODE=1\r\n", wifi_uart);
	while (!(Wait_for("AT+CWMODE=1\r\r\n\r\nOK\r\n", wifi_uart)));
	Uart_sendstring("CW MODE---->1\n\n", pc_uart);


	/********* AT+CWJAP="SSID","PASSWD" **********/
	Uart_sendstring("connecting... to the provided AP\n", pc_uart);
	sprintf (data, "AT+CWJAP=\"%s\",\"%s\"\r\n", SSID, PASSWD);
	Uart_sendstring(data, wifi_uart);
	while (!(Wait_for("WIFI GOT IP\r\n\r\nOK\r\n", wifi_uart)));
	sprintf (data, "Connected to,\"%s\"\n\n", SSID);
	Uart_sendstring(data,pc_uart);


	/********* AT+CIFSR **********/
	Uart_sendstring("AT+CIFSR\r\n", wifi_uart);
	while (!(Wait_for("CIFSR:STAIP,\"", wifi_uart)));
	while (!(Copy_upto("\"",buffer, wifi_uart)));
	while (!(Wait_for("OK\r\n", wifi_uart)));
	int len = strlen (buffer);
	buffer[len-1] = '\0';
	sprintf (data, "IP ADDR: %s\n\n", buffer);
	Uart_sendstring(data, pc_uart);


	Uart_sendstring("AT+CIPMUX=1\r\n", wifi_uart);
	while (!(Wait_for("AT+CIPMUX=1\r\r\n\r\nOK\r\n", wifi_uart)));
	Uart_sendstring("CIPMUX---->OK\n\n", pc_uart);

	Uart_sendstring("AT+CIPSERVER=1,80\r\n", wifi_uart);
	while (!(Wait_for("OK\r\n", wifi_uart)));
	Uart_sendstring("CIPSERVER---->OK\n\n", pc_uart);

	Uart_sendstring("Now Connect to the IP ADRESS\n\n", pc_uart);

}

ESP_Init (“SSID”, “PASSWD”) Initialises the ESP8266. Its parameter are the SSID and PASSWD of the Access point that you want to connect to. This function sends some AT commands in a sequence, and than waits for the expected response after every command. These commands are given below

  • AT –> to check if the ESP is responding
  • AT+CWMODE=1 –> to set the ESP into the station mode
  • AT+CWJAP=”SSID”, “PASSWD” –> Join the access point with the SSID, and PASSWD
  • AT+CIFSR –> Queries for the IP address of the ESP
  • AT+CIPMUX=1 –> Set the multiple connection as TRUE
  • AT+CIPSERVER=1,80 –> Starts a server at port 80

All the above information can be seen on the Serial console. Once the ESP gets the IP address, it will also be printed on the console as shown below

esp8266 output




Next, we will connect to this IP address, but make sure the device and the ESP should be connected to the same network.

void Server_Start (void)
{
	char buftocopyinto[64] = {0};
	char Link_ID;
	while (!(Get_after("+IPD,", 1, &Link_ID, wifi_uart)));
	Link_ID -= 48;
	while (!(Copy_upto(" HTTP/1.1", buftocopyinto, wifi_uart)));
	if (Look_for("/ledon", buftocopyinto) == 1)
	{
		HAL_GPIO_WritePin(GPIOA, GPIO_PIN_5, 1);
		Server_Handle("/ledon",Link_ID);
	}

	else if (Look_for("/ledoff", buftocopyinto) == 1)
	{
		HAL_GPIO_WritePin(GPIOA, GPIO_PIN_5, 0);
		Server_Handle("/ledoff",Link_ID);
	}

	else if (Look_for("/favicon.ico", buftocopyinto) == 1);

	else
	{
		HAL_GPIO_WritePin(GPIOA, GPIO_PIN_5, 0);
		Server_Handle("/ ", Link_ID);
	}
}

Server_Start() checks the incoming connection, and look for the request made by the browser. If the request is about ledon, or ledoff, or the root. Once identified, it will call the Server_Handle to handle that request


If the request is made for the root, or ledoff the following will be displayed on the browser

esp8266 root

Note that the LED on board is OFF right now. There is a option displayed on the web browser to turn this LED ON.

If we tap this ON button, a ledon request will be sent to the ESP, and the Server_Start will call Server_Hnadle to handle this ledon request.

esp8266 ledon

Now the LED is ON, and there is a OFF button to turn it OFF.

The web page source code is divided into 3 categories

  • Initial part, where the basic stuff will load
  • Button and Status part, which will depend on what request is being processed
  • Ending part, which will close the tags
/**** Initial Part ****/
char *Basic_inclusion = "<!DOCTYPE html> <html>\n<head><meta name=\"viewport\"\
		content=\"width=device-width, initial-scale=1.0, user-scalable=no\">\n\
		<title>LED CONTROL</title>\n<style>html { font-family: Helvetica; \
		display: inline-block; margin: 0px auto; text-align: center;}\n\
		body{margin-top: 50px;} h1 {color: #444444;margin: 50px auto 30px;}\
		h3 {color: #444444;margin-bottom: 50px;}\n.button {display: block;\
		width: 80px;background-color: #1abc9c;border: none;color: white;\
		padding: 13px 30px;text-decoration: none;font-size: 25px;\
		margin: 0px auto 35px;cursor: pointer;border-radius: 4px;}\n\
		.button-on {background-color: #1abc9c;}\n.button-on:active \
		{background-color: #16a085;}\n.button-off {background-color: #34495e;}\n\
		.button-off:active {background-color: #2c3e50;}\np {font-size: 14px;color: #888;margin-bottom: 10px;}\n\
		</style>\n</head>\n<body>\n<h1>ESP8266 LED CONTROL</h1>\n";

/**** Button and Status Part ****/
char *LED_ON = "<p>LED Status: ON</p><a class=\"button button-off\" href=\"/ledoff\">OFF</a>";
char *LED_OFF = "<p>LED1 Status: OFF</p><a class=\"button button-on\" href=\"/ledon\">ON</a>";

/**** Ending Part ****/
char *Terminate = "</body></html>";

To make this entire thing work, all you have to do is as shown below

/* USER CODE BEGIN Includes */
#include "ESP8266_HAL.h"

int main(void)
{
 .....
 .....
 .....
  ESP_Init("S9","12345678");

  while (1)
  {
    Server_Start();
  }
}

In case you are using a microcontroller, which gave you error on Uart_isr function. Errors like DR and SR are not present, replace the Uart_isr code with the following file Uart_isr.c



Result

esp8266 ledoff

esp8266 ledon

Check out the Video Below










Info

You can help with the development by DONATING
To download the code, click DOWNLOAD button and view the Ad. The project will download after the Ad is finished.

49 Comments. Leave new

  • Bro It was great experience , I have accomplished this task, but now I need 2 to 3 button for home automation project, I have written code for 2 button , but It wont work, I think there is issue with the link ID , will you fig it out , I will share the code to you.

    Reply
  • Can we add multiple button to control multiple leds in home automation using stm32 and esp01 8266

    Reply
  • I am using Nucleo-f446re board, i am using cube IDE, i have given connection of PA9 to RX of esp-01 and PA10 to TX of esp-01 and 3.3v to 3.3v and gnd to gnd.

    My Code is stuck at

    while (!IsDataAvailable(uart));
    if (Uart_peek(uart) != string[so_far])
    {
    _rx_buffer1->tail = (unsigned int)(_rx_buffer1->tail + 1) % UART_BUFFER_SIZE ;
    goto again_device;

    }

    Reply
  • How to configure that ESP12E to the micro STM32? I just see RX wire to TX(stm32) and TX wire to RX(stm32). Where the usb cable connect?. and in the tutorial that is comunication micro to micro, Is the ESP12E have a program or a firmware before?

    Reply
    • The tutorial is about ESP8266 module, not the micro.
      If you are using micro, then make sure it is running the AT firmware (which works with AT Commands). You need to flash this firmware for your micro.

      Reply
  • Everton Trento Junior
    May 30, 2022 8:31 PM

    How fixed the “Reseting…” issue in STM32F103? i tried put GPIO0 and GPIO1 in 3V3 and still no feedback, just reseting….

    Reply
    • Faced and solved similar issue.
      The ESP_Init() is waiting for responses, which are different based on AT firmware version.

      Example :
      During the “Resetting…..” issue
      Device waiting response,
      while(!(Wait_for(“AT\r\r\n\r\nOK\r\n”, wifi_uart)));
      Fix with the correct response,
      while(!(Wait_for(“OK”, wifi_uart)));

      Here is the list of AT responses I got from Arduino Serial Monitor:
      *You might need to check yours.

      AT

      OK
      AT+CWMODE=1

      OK
      AT+CWJAP=”ssid”,”pass”
      WIFI CONNECTED
      WIFI GOT IP

      OK
      AT+CIFSR
      +CIFSR:STAIP,”ip_address”
      +CIFSR:STAMAC,”mac_number”

      OK
      AT+CIPMUX=1

      OK
      AT+CIPSERVER=1,80

      OK

      Reply
    • did you get anything?

      Reply
  • Jongwoon Choi
    January 29, 2022 8:17 PM

    Hello,
    I have tried to read your ring_buffer code,
    It is not easy for me to see why you used ‘rx_buffer1’ and ‘_rx_buffer1’.
    Would you explain the role of ‘rx_buffer1’ and ‘_rx_buffer1’?

    sincerely yours,

    Reply
    • Jongwoon Choi
      January 30, 2022 6:09 PM

      Thanks for your ring_buffer code.
      I got it to use a pointer with a structure on the ring_buffer code.
      It shows very well how to access members of a structure using pointers.
      Thanks again.

      Reply
  • Hi, Great tutorials, learning a lot, many many thanks!
    Using the ESP8266 with a Nucleo-STM32F756ZG and i am making progress. Currently, I am stuck at ESP_Init. I am monitoring incoming data to PC with Сutecom on Linux and it seems, that for every sendstring, only the first character is transmitted. Because of this, I am guessing, also the sendstring to the ESP8266 is not correct. Any idea, what could be the problem? Wrong UART setup? Would be happy, if I get some solution

    Reply
  • Jongwoon Choi
    January 22, 2022 5:53 PM

    Hello,
    I have tried to port this program to stm32h7xx board, it was compiled well without error.
    But there was no response from the board. And I have debugged it, it was stopped at the end of “Uart_write” function. I still did not know why it was stopped.
    Would you help me?

    Reply
  • Hello,
    Thanks for the nice program to learn the usage of ESP8266 with STM32. I checked this program is worked very well in normal conditions.

    I have interesting to run all programs on FreeRTOS.
    So I am trying to run this program on FreeRTOS.
    To check the possibility of it, I had tried two ways.

    Just after FreeRTOS mode and configuration setup, I run it.
    There was no message from the terminal.

    And I moved two lines, as

    void StartDefaultTask(void const * argument)
    {
     /* USER CODE BEGIN 5 */
    ESP_Init(“staronic!_2G_5F”,”p21362136*”);
     /* Infinite loop */
     for(;;)
     {
     Server_Start();
       osDelay(1);
     }
     /* USER CODE END 5 */
    }

    It generated a fault error.

    How can I run this program on FreeRTOS?

    Reply
    • I solved this problem, just extending the value of stack size as 518.
      It worked very well on FreeRTOS.

      Thanks for your nice blog to make a connection between STM32 with an internet.

      Reply
  • Jongwoon Choi
    January 13, 2022 2:31 PM

    Hello,

    I am trying to run this job on stm32h743, but there is some compile error.
    It is because usage of low-level interrupt call as
    READ_REG(huart->Instance->SR) or
    READ_REG(huart->Instance->DR)
    the compiler generates an error because of usage of SR, DR.. et.al.

    How can compile this program for stm32h743?

    Reply
    • did you read the highlighted (in white colour) part above the “result” heading ?

      Reply
      • Thanks for your quick and accurate comment. I got a solution with your comment. It was a big mistake to read your article roughly.

        Reply
        • There was no compile error, if I changed “Uart_isr” with the highlighted part above the “result” heading. But there was no response from ESP8266. I think that another modification is needed to work on stm32h743.

          Reply
  • Hello,

    I am trying to get the ESP8266 module to work as a webserver with STM32F407, with the mentioned code changes (from the tutorial) added.

    The UART1 is connected to the WIFI module as PA9 (TX1_STM) to RX_ESP and PB7 (RX1_STM) to TX_ESP.
    The UART2 is connected as PA2 (TX2_STM) to RX_UART_MODULE and PA3 (RX2_STM) to TX_UART_MODULE, where UART_MODULE is an external UART converter connected to the PC.

    I am flashing the code, but all I see on the PC terminal (BAUD rate and everything is set properly) is “RESETTING…..” and then it just hangs with no further change in the print.

    Can you please help or suggest what could be going wrong?

    PS: I tried a similar implementation with ARDUINO UNO and it worked properly. The example from here.

    PLEASE HELP!!!!

    Reply
  • Nacef Khadraoui
    August 12, 2021 5:26 PM

    i can’t download the code

    Reply
  • Karl Simmons
    May 3, 2021 4:37 PM

    Great tutorial!:)

    Reply
  • hello I am not able to receive the ip address

    Reply
  • Lau Kian Siong
    April 30, 2021 10:50 AM

    i also not able to receive the ip address hercules screen shows only RESETTING……after that it stops from working…..what should i do so that i would be able to receive the ip address and open web page please help me.
    Thanks in advance

    Reply
    • Hi Lau Kian Siong,

      Did you manage to get it working>??

      Can you please let me know if and how you got it working??

      Reply
  • Hello
    If you can explain these 3 lines further:

    while (! (Get_after (“+ IPD,”, 1, & Link_ID, wifi_uart)));
    Link_ID – = 48;
    while (! (Copy_upto (“HTTP / 1.1”, buftocopyinto, wifi_uart)));

    What is transmitted in at-commands?

    Reply
  • Hello I am not able to receive the ip address hercules screen shows only RESETTING……after that it stops from working…..what should i do so that i would be able to receive the ip address and open web page please help me.
    Thanks in advance

    Reply
    • Lau Kian Siong
      April 30, 2021 10:49 AM

      i also encounter same issue like u. how u solve it at the end, i use the different stm32board.

      Reply
  • hi, i cant download the zip file whats the problem?

    Reply
  • This is a nice tutorial, I have sort of got it working but it randomly stops.

    When i open the web pages it will let me toggle the LED on or off a few times, then the web page hangs, does anyone have any ideas?

    When the page hangs, every time I refresh the page even though it doesnt work the ESP8266 LED flashes as if it is recieving the signal, but the STM doesnt send the webpage out

    Any help is appreciated!

    Thanks

    Reply
  • Kasem KWANGSAKUL
    November 10, 2020 2:06 PM

    I have followed the video, it works fine.
    But when I try to use FreeRTOS and move the Server_Start() into a task then the task freezed. Need your suggestion, thanks.

    void StartHTTP_Server(void const * argument)
    {
     /* USER CODE BEGIN StartHTTP_Server */
     /* Infinite loop */
     for(;;)
     {
        Server_Start();
        HAL_GPIO_TogglePin(GPIOA,GPIO_PIN_5);
        osDelay(1);
     }
     /* USER CODE END StartHTTP_Server */
    }

    Reply
    • it won’t work with freeRTOS.

      Reply
    • Kasem KWANGSAKUL
      November 14, 2020 8:47 AM

      I, finally, found the answer.
      Server_Handle() has declare an array of 4096 byte. this cause the function freezed.
      I moved the array to be a global variable then the Server_Handle() works fine.
      What I did may not be the best solution but at least it made us know the reason.

      Reply
      • Would you be able to share that with me please? I have sort of got this project working but it hangs after toggling the LED a few times via the webpage and I have no idea why.

        Thanks

        Reply
  • Hello kind Gentleman’s

    I would like to ask if there is any possibility for having both server_start function and code such as:

     if(IsDataAvailable(pc_uart))
     {

     int data = Uart_read(pc_uart);
     Uart_write(data, wifi_uart);
     }

     if(IsDataAvailable(wifi_uart))
       {
       int data = Uart_read(wifi_uart);
       Uart_write(data, pc_uart);
       }

    in order of having simultaneously server and possibility to change config of ESP as shown in https://controllerstech.com/managing-multiple-uarts-in-stm32/ ??

    Thank you in advance,
    Love you all so much

    Reply
    • i don’t think so. Server_start uses the blocking mode and look for the particular string in the incoming data. You can try this with freertos though. i am not sure that it would work

      Reply
  • Tudo bem!
    Muito bom seu trabalho, poderia postar um exemplo pro stm32f103?

    Reply
  • Vũ Thị Hoàng Lan
    May 21, 2020 10:03 PM

    I download it and I did not find the library ESP8266 HAL in this file. So can you help me. Thank you so much

    Reply
  • Bom dia!
    copiei o exemplo para o stm32f103, o mesmo não responde na serial habilitei as interrupções!

    Reply
    • watch the video. there is a lot more setup you needed to do, than to just copy.
      I have tested it on f103 and it works fine

      Reply
      • Desculpa como expressei, não apenas copiei habilitei as configurações do clube como interrupções da usart, más quando mando escrever qualquer comando AT dentro
        void ESP_Init, a função trava já testei a função Uart_sendstring para escrever na serial uma string está funcionando.

        Reply
  • I succeded, thanks for tutorial!

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

Fill out this field
Fill out this field
Please enter a valid email address.

keyboard_arrow_up

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add controllerstech.com to your ad blocking whitelist or disable your adblocking software.

×