ESP32 Forum

ESP32 Official Forum
http://esp32.io/

ESP-IDF: Configure wifi connection over http server

http://esp32.io/viewtopic.php?f=22&t=8820

Page 1 of 1

ESP-IDF: Configure wifi connection over http server

Posted: Sun Jan 13, 2019 8:01 am
by nicollo
Hi guys! I need for some help :D
I'm trying to create an ESP32 application using ESP-IDF framework, and I want to make wifi STA configuration over http server. Device checks if config already setted in flash on startup. If so - it tries to connect to access point, otherwise it run access point and http server, then user need to connect wifi and go to 192.168.4.1 in browser, to be able to select ssid and enter password.

After form submit i'm trying to connect selected wifi access point but get 201 error code (no ap found)

index html

Code: Select all

    <html>
      <head>
        <title>Esp32</title>
        <meta charset='UTF-8'>
      </head>
      <body>
       <h1>Choose access point</h1>
       <form method="POST" action="/">{{p}}
         <br/><input type="text" name="password" placeholder="Wifi password"/>
         <br/><input type="submit" value="Save"/>
       </form>
      </body>
    </html>
Access point scanning:
Code: [Select all] [Expand/Collapse]
  1. esp_err_t index_get_handler(httpd_req_t *req)
  2. {
  3.     wifi_scan_config_t scanConf = {
  4.         .ssid = NULL,
  5.         .bssid = NULL,
  6.         .channel = 0,
  7.         .show_hidden = 1
  8.     };
  9.     ESP_ERROR_CHECK(esp_wifi_scan_start(&scanConf, 0));
  10.     uint16_t apCount;
  11.     if( xQueueReceive( wifi_stations_count, &( apCount ), ( TickType_t ) 1000 ) == pdFALSE)
  12.     {
  13.         httpd_resp_send(req, (char *) not_found_html_start, not_found_html_html_end - not_found_html_start);
  14.         ESP_LOGI(TAG, "Stations not found");
  15.         return ESP_OK;
  16.     }
  17.     ESP_LOGI(TAG, "%d stations found", apCount);
  18.  
  19.     char *p = strstr((char *) index_html_start, "{{p}}");
  20.     httpd_resp_send_chunk(req, (char *) index_html_start, p - (char *) index_html_start);
  21.     wifi_ap_record_t *list = (wifi_ap_record_t *)malloc(sizeof(wifi_ap_record_t) * apCount);
  22.     ESP_ERROR_CHECK(esp_wifi_scan_get_ap_records(&apCount, list));
  23.     char outbuf[100];
  24.     uint8_t i;
  25.     for (i=0; i<apCount; i++) {
  26.         char *authmode;
  27.         switch(list[i].authmode) {
  28.             case WIFI_AUTH_OPEN:
  29.                 authmode = "OPEN";
  30.                 break;
  31.             case WIFI_AUTH_WEP:
  32.                 authmode = "WEP";
  33.                 break;
  34.             case WIFI_AUTH_WPA_PSK:
  35.                 authmode = "WPA_PSK";
  36.                 break;
  37.             case WIFI_AUTH_WPA2_PSK:
  38.                 authmode = "WPA2_PSK";
  39.                 break;
  40.             case WIFI_AUTH_WPA_WPA2_PSK:
  41.                 authmode = "WPA/2_PSK";
  42.                 break;
  43.             default:
  44.                 authmode = "Unknown";
  45.                 break;
  46.         }
  47.         snprintf(outbuf, sizeof(outbuf),"<br/><input type='radio' name='ssid' value='%s' />", list[i].ssid);
  48.         httpd_resp_send_chunk(req, outbuf, strlen(outbuf));
  49.         snprintf(outbuf, sizeof(outbuf),"&nbsp<b>ssid:</b>&nbsp<i>%s</i>", list[i].ssid);
  50.         httpd_resp_send_chunk(req, outbuf, strlen(outbuf));
  51.         snprintf(outbuf, sizeof(outbuf),"&nbsp<b>rssi:</b>&nbsp<i>%d</i>", list[i].rssi);
  52.         httpd_resp_send_chunk(req, outbuf, strlen(outbuf));
  53.         snprintf(outbuf, sizeof(outbuf),"&nbsp<b>authmode:</b>&nbsp<i>%s</i>", authmode);
  54.         httpd_resp_send_chunk(req, outbuf, strlen(outbuf));
  55.     }
  56.     free(list);
  57.  
  58.     p = p + 5;
  59.     httpd_resp_send_chunk(req, p, (char *) index_html_end - p);
  60.  
  61.     httpd_resp_send_chunk(req, NULL, 0);
  62.  
  63.     return ESP_OK;
  64. }
GeSHi © Codebox Plus Extension
Config saving function:
Code: [Select all] [Expand/Collapse]
  1. esp_err_t index_post_handler(httpd_req_t *req)
  2. {
  3.     uint8_t buffer[100];
  4.     wifi_config_t wifi_config;
  5.     httpd_req_recv(req, (char *) buffer, 100);
  6.  
  7.     if (httpd_query_key_value((char *) buffer, "ssid", (char *) wifi_config.sta.ssid, 32) == ESP_ERR_NOT_FOUND) {
  8.         httpd_resp_set_status(req, "400");
  9.         httpd_resp_send(req, "SSID required", -1);
  10.         return ESP_OK;
  11.     }
  12.     if (httpd_query_key_value((char *) buffer, "password", (char *) wifi_config.sta.password, 64) == ESP_ERR_NOT_FOUND) {
  13.         httpd_resp_set_status(req, "400");
  14.         httpd_resp_send(req, "Password is required", -1);
  15.         return ESP_OK;
  16.     }
  17.  
  18.     if (strlen((char *) wifi_config.sta.ssid) < 1) {
  19.         httpd_resp_set_status(req, "400");
  20.         httpd_resp_send(req, "<p>Invalid ssid</p>", -1);
  21.         return ESP_OK;
  22.     }
  23.  
  24.     ESP_LOGI(TAG, "SSID: %s, Pass: %s", wifi_config.sta.ssid, wifi_config.sta.password);
  25.     httpd_resp_send(req, "<h1>OK</h1>", -1);
  26.  
  27.     ESP_ERROR_CHECK(esp_wifi_stop());
  28.     ESP_ERROR_CHECK(esp_wifi_restore());
  29.     ESP_ERROR_CHECK(esp_wifi_set_mode(WIFI_MODE_STA) );
  30.     ESP_ERROR_CHECK(esp_wifi_set_config(ESP_IF_WIFI_STA, &wifi_config) );
  31.     ESP_ERROR_CHECK(esp_wifi_start());
  32.  
  33.     return ESP_OK;
  34. }
GeSHi © Codebox Plus Extension
Event "SYSTEM_EVENT_STA_DISCONNECTED" fires after esp_wifi_connect() invoking

I (21611) wifi softAP: STA disconnected, ssid: Nick, reason: 201

Re: ESP-IDF: Configure wifi connection over http server

Posted: Sun Jan 13, 2019 6:00 pm
by nicollo
I guess I found solution:

Code: Select all

static wifi_config_t wifi_config = {};
solves the problem.

Re: ESP-IDF: Configure wifi connection over http server

Posted: Fri Feb 01, 2019 1:44 am
by cnshibo
nicollo wrote: ↑
Sun Jan 13, 2019 6:00 pm
 I guess I found solution:

Code: Select all

static wifi_config_t wifi_config = {};
solves the problem.
want to do same thing. Thanks for sharing

Re: ESP-IDF: Configure wifi connection over http server

Posted: Thu Feb 21, 2019 10:54 am
by GeorgeFlorian1
Can this be "translated" to simpler, Arduino IDE code ?

I'm trying to make something similar.
GeorgeFlorian1 wrote: ↑
Thu Feb 21, 2019 9:28 am
 I've been trying to save some values from two input fields inside a HTML page.

Here is the main.cpp.
Here is the index.html.

As you can see I've been trying to save those params in other const *char just to be able to Serial.print(); them but it doesn't work. They show a blank space in Serial Monitor.

Also, the request->redirect("/url"); does not work as intended. I've pressed on the Sign In or Restart buttons and the Enter key on my keyboard and nothing happens.

Looking at the sketch I realize that I have no idea how to implement an action when pressing, for example, Sign In button.
How do I link those two buttons to actions in my sketch ? I haven't been able to found anything that resembles my project.

Does anybody have any idea ? Because I really don't.

Thank you !

Re: ESP-IDF: Configure wifi connection over http server

Posted: Fri Feb 22, 2019 12:07 am
by chrisruppen
Hey guys, good evening!

I've been trying several alternatives to get to a solution similar to yours but had no luck.

Would you mind sharing your repository so I can take a look? ;)

Cheers!

Re: ESP-IDF: Configure wifi connection over http server

Posted: Wed Mar 27, 2019 8:22 am
by nicollo
chrisruppen wrote: ↑
Fri Feb 22, 2019 12:07 am
 ...
Would you mind sharing your repository so I can take a look? ;)
I've decided to do in another way. For now I use BLE for wifi configuration.
Google Chrome allows to access device bluetooth using javascript.

So no need to store html in flash

Re: ESP-IDF: Configure wifi connection over http server

Posted: Wed Jul 31, 2019 8:06 pm
by lemmi25
Hi,

maybe my answer comes a little bit late but this is from my last project. I hope it is of help for anyone.

https://github.com/lemmi25/ESP32WiFiAP

In this project you can connect to an AP opened by the ESP32 that has a static IP.
After providing ssid and psw of your AP you will be connected to the Internet.
For demonstration the RGB LED on the ESP32 Wroover-Kit starts to shine.

Cheers ;)

Re: ESP-IDF: Configure wifi connection over http server

Posted: Wed Apr 26, 2023 9:33 am
by Shakir55
Can you show me whole code on this.
All times are UTC
Page 1 of 1
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/