How to add a Web Setup Portal to ESP8266 Projects (Soft Access Point)

A quick tutorial on how to use ESP8266 Access Point to server a web page to configure the device: an example and walk through. Arduino and HTML code provided.

GET THE COMPONENTS
=====================
╚═ Wemos d1 mini (4M version)

BIN file
=======

Music: 'Sunset Dream' by Cheel

[justelisISkauno]

This video is a fantastic guide for anyone looking to enhance their ESP8266 projects with a Web Setup Portal using a Soft Access Point. The clear explanations and step-by-step instructions made it so easy for me to implement this feature in my own projects. Thanks for sharing this valuable knowledge.

[FrankGraffagnino]

perfect. short and to the point. great code walkthrough. I would think most people may want to choose whether to start in AP or client mode based on whether they are able to get any information from the EEPROM (basically test if it was "factory" reset or not) and then give the user some way to erase the EEPROM when they want to go back to AP mode and setup again for a different wifi. Great job!

[edgarsantos]

An important tip for beginners using Arduino R3 Wifi, like me, after programming the ESP8266, to make the project work, you need to disconnect the power, turn dip switch 7 to OFF and connect the power again.

[AT]

Very elegant code, more clever than the other related codes! Congrats!

[wartek]

Thank you! Clear and to the point. I appreciate you taking the time to make this video.

[vasanthkumar-sbjm]

Woo cool very nice, it's very beautiful and educating.
One more update just add one push button to create access point while pressing it around 5 sec and once ssid and psd get make one flage true and store it eeprom, in setup read that flage from eeprom if it's true then try to connect that wifi else in loop just keep read push buton status. I just thought these things

[lucianobertini]

Hello! Thank you very much for the code. Perfect solution for me. But the way I access the server is different. Instead of 30 attempts, I use a button on my device. If the device is turned on with this button pressed, it goes into Access Point mode. I keep an LED blinking to indicate this mode. If the button is not pressed, the normal setup follows. Before, I had two wifi networks configured, one to join if the button was pressed and another if it was not pressed. But I knew I nedded a better solution. Now it's perfect. Thank you very much.

[LuisMiguelBautista]

Awesome tutorial mate 👏🏼👏🏼👏🏼👏🏼👏🏼

Here is just an small tip that it’s more than deserved

[coffee_bean__]

how would you turn this into a captive portal? great video.

[afrenchcocorico]

It would be great if there was a way to use click to connect feature (for example in android or windows instead of the local ip address)
Is that possible ?
Thanks

[prateekmahajan]

Dude this is very cool, concise I'm looking forward for more

[KK-ibnh]

How to save the html file . What to write in "href" and how can I save the data in json file formate?

[ZorlacSkater]

I tried it together with an Arduino Uno but I get
"A fatal esptool.py error occurred: Failed to connect to ESP8266: Timed out waiting for packet header"
when trying to upload the script.

Is there a guide on how to connect the ESP8266 correctly?

I connected it like this:

TX ESP8266 => TX Arduino
RX ESP8266 => RX Arduino
3.3V ESP8266 => 3.3V Arduino
EN ESP8266 => 3.3V Arduino
GND ESP8266 => GND Arduino
Reset ESP8266 => GND Arduino

[scrunchynaut]

I can't follow this tutorial because I can't find the ESP8266WiFi library. Is this library depreciated?

[njrdevs]

Thanks for the tutorial.. it's really helpful.. I'm new to Arduino and stuffs.. is there anyway to clear the data stored in the EEPROM?

[danilovegap]

Besides ssid, password, I also want to add select elements that will provide values for some empty variables that are in a script already inside the esp8266, could I do that modifying this?

[viktorhugo]

The problem is that the softAP still exist after setting ssid and password. how can I stop the AP?

[bbirajohnson]

I NEED TO SERVE A MEDIA STREAMING WEB PAGE USING AN ESP8266 CAPTIVE PORTAL. CONNECTION SHOULD AUTOMATICALLY REDIRECT USER TO MEDIA PAGE OFFLINE. THANKS FOR THE TUTORIAL...

[kennethwinston]

Hey, forgive me, I am just a beginner. I have created a detailed arduino code that monitors a multitude of things (temperature, humidity, etc.). I am trying to display that data to a webpage. I have both a ESP8266 NodeMCU chip and just normal ESP12E chips. I am so lost as to what flashing the chips mean and how to get someone connected to the chip and to access the data. Any help for me?

[amrshbaitah]

can i ask you?, is this for free? the static IP?