Async_ESP32_FSWebServer

Async_ESP32_FSWebServer Example

Compare this efficient Async_ESP32_FSWebServer example with the so complicated twin ESP32_FSWebServer to appreciate the powerful AsynWebServer this ESPAsync_WiFiManager Library is relying on.

First, how Config Portal works?

In Configuration Portal Mode, it starts an access point called ESP_xxxxxx. Connect to it using the configurable password you can define in the code. For example, your_password (see examples):

// SSID and PW for Config Portal
String ssid = "ESP_" + String(ESP_getChipId(), HEX);
const char* password = "your_password";

After you connected, please, go to http://192.168.4.1, you'll see this Main page:

Select Information to enter the Info page where the board info will be shown (long page)

or short page (default)

Select Configuration to enter this page where you can select an AP and specify its WiFi Credentials

Enter your credentials, then click Save. The WiFi Credentials will be saved and the board reboots to connect to the selected WiFi AP.

If you're already connected to a listed WiFi AP and don't want to change anything, just select Exit Portal from the Main page to reboot the board and connect to the previously-stored AP. The WiFi Credentials are still intact.

---

How to use this Async_ESP32_FSWebServer example?

This shows you how to use this example in Ubuntu (but you can use similar commands in other OSes)

Download Data files

1. For example, you already downloaded data files from Async_ESP32_FSWebServer data to a local folder, for example:

~/Arduino/libraries/ESPAsync_WiFiManager-master/examples/Async_ESP32_FSWebServer/data

HOWTO Upload files to ESP32 (SPIFFS or FFat)

Use one of these methods (preferable first)

1. Go to http://async-esp32fs.local/edit, then "Choose file" -> "Upload"
2. or Upload the contents of the data folder with MkSPIFFS Tool ("ESP8266 Sketch Data Upload" in Tools menu in Arduino IDE)
3. or upload the contents of a folder by running the following commands:

Ubuntu$ cd ~/Arduino/libraries/ESPAsync_WiFiManager-master/examples/Async_ESP32_FSWebServer/data
Ubuntu$ for file in \`\ls -A1\`; do curl -F "file=@$PWD/$file" http://async-esp32fs.local/edit; done

---

Demonstrating pictures

4. Edit / Delete / Download any file in the the folder by going to http://async-esp32fs.local/edit