loading

Hello everyone!

In this instructable I'm going to talk about how you can avoid hard-coding your WiFi credentials into your Arduino sketches using a really awesome library called WiFiManager. It will only take a couple of minutes to go through these steps.

Check out the video or continue reading here to find out how to add it and how it works.

Step 1: Why Is This Important?

If you have hard-coded values in your sketch, if you change your WiFi router or want to bring your device to somewhere else, you are going to need to re-program your esp8266, which isn't ideal!

It also makes your sketches less sharable, as you probably will want to replace your SSID and Password with placeholders before uploading to somewhere public like GitHub and anyone who is using your code is going to have to update the code before they can use it on their network.

Step 2: How WifiManager Works

WiFiManager is pretty configurable but a basic example of how a sketch that has the WiFiManager library installed works like this.

When the ESP8266 starts up, it will try connect to the last known WiFi network, but if it fails to connect WiFiManager will create its own network, with a name you can configure in your sketch.

You can connect either a phone or a computer to the new network that the ESP8266 creates. Once connected any requests you make on the browser will be redirected to the WiFiManager config page.

From here you can scan for WiFi networks and type in their password. When you hit save the ESP8266 will restart and connect to the entered credentials.

Step 3: Adding It to Your Sketch

Install the WiFiManager Library from the Arduino Library Manager or get it from Github (Which is worth checking out anyways as the Readme documentation is really good)

The library comes with a good few examples, the basic one being AutoConnect.ino, which is a good place to start, but basically you need to do the following

1) Once installed, you can add the following headers to your sketch:

#include
#include

#include <
WiFiManager.h>

2) Replace the WiFi connection code in your setup with the following two lines:

WiFiManager wifiManager;
wifiManager.autoConnect("AutoConnectAP");

And that's it! As I mentioned it is really simple to add this to your sketches, but it makes them much more flexible.

Hopefully you find this useful and as always if you have any questions please ask!

Thanks,

Brian

<p>This is great! But when I connect the esp to my wifi router I can't connect to it from my computer which is on the same network. I can see IP address of the esp, I can ping it but that is it. How do I connect to it from a PC? </p><p>thanks ...</p><p>Denis</p>
<p>Hi Denis, <br><br>By connecting to it with your computer, do you mean opening a web page?<br><br>You would need to have a sketch that is running a webserver, have a look at this basic one from the ESP8266 examples<br><br><a href="https://github.com/esp8266/Arduino/blob/master/libraries/ESP8266WiFi/examples/WiFiWebServer/WiFiWebServer.ino">https://github.com/esp8266/Arduino/blob/master/lib...</a><br></p>
<p>Thank you Brian. I was expecting that wifimanager would be running HTTP server on esp once I connect it to my router, but it does not. I was thinking to use ESP8266 as a standalone controller for a wifi enabled light. I was thinking to control it through Python serial library similar to arduino. I am just starting with this board. I most likely doing something wrong. </p><p>This is the example I am using now </p><p>https://github.com/tzapu/WiFiManager/blob/master/examples/AutoConnect/AutoConnect.ino</p><p>thanks again,</p><p>Denis</p>
Hey Denis, <br><br>Yeah WiFiManager does host a Web server, but it turns it off once it's finished, but so you would need to add a Web server inside your sketch. <br><br>If you combine the first sketch I sent on with the example from WiFiManager you linked to you should have what you are looking for. After it connects your router you will be able to go to the ip address of the esp, get a webpage and there will be a button to toggle pin 2 (I think, but change it to whatever pin you want)
<p>This is extremely useful. Thanks a lot @witnessmenow! Keep hacking!</p>
Any plans to port this to micropython? <br><br>https://docs.micropython.org/en/latest/esp8266/esp8266/tutorial/intro.html
<p>It's not my library! I just really like it and wanted to share</p>
<p>Does it work with AT command firmware ??</p>
<p>No it doesn't, its for Arduino only</p>
<p>Hi Brian,</p><p>It sin't working in my case.<br>I downloaded and included the WiFiManager.h library as you advised.<br>.<br>The browser gives the message &quot;Cannot access this page&quot; .......<br>.<br>Please help ...... Thanks.</p>
<p>Hi witnessmenow,</p><p>thanks for instrutions, but I will need little bit more help if you can give. Would like to use wifi manager with fix IP for my project but it is not stable. I wonder if you test it for longer period or just problem lay at my unit. I have 2 pwm output and 3 digital output connected to ESP8266 and at the moment there are 5 LED's. I have sketch project without wifi manager I test for few days within several client and all was OK, but now with wifi manager it stop after about 40 minutes of working. I have installed wifi manager library 0.12.0, ESp8266 1.0.0., web server 1.0.0.. Can I send you sketch? Thanks Damir. Just to introduce myself. I am just drop to ARDUINO and found this ESP8266 intresting for some home automation projects, so far I have few hundreds projects with PIC, mostly industrial data aquisition, and safety devices.</p>
Thanks a lot ! Exactly what i was looking for !
<p>Your welcome! Yeah its a super useful library! I've added a new instructable on how you can use it for other configurations as well.<br><br>https://www.instructables.com/id/Managing-Configurations-on-Your-ESP8266-Using-WiFi/</p>
<p>Thanks, it seems useful too ! I gonna have a look.</p>
<p>This is useful info on a library I certainly didn't know about. Thanks for sharing. I've got a bunch of 8266s running around, all hard coded. Can't wait to try it out. </p><p>Much appreciated. </p>
<p>Yeah I like to use the library for any project that &quot;goes to production&quot; so to speak (becomes a thing in my house), unfortunately I don't really have that many at the moment but hoping to change that soon! <br><br>Thanks for your comment</p>
The truth is that it is surprising that there was nothing done before. It's something that worried me a lot about the comments you've said yourself, regarding changing the router or data connection wifi. Thank you very much.
<p>You are welcome! Apparently this library has been around for a while but I guess not everyone knows about it yet.</p>
<p>Really cool!! Thank you so much for sharing!!</p>
<p>You are more than welcome! Thanks for commenting!</p>
<p>Cool! Is this library on Github written by you?</p>
<p>No, I'm not the author of this library. Funnily enough before I found it I had a similar idea and went checking to make sure something didn't exist. Glad I did because they have done a really great job with this library!</p>
Now what we need, is a way to store multiple WiFi settings so we can use it in the car etc....
<p>Yeah that would be pretty cool! I think it would be worth opening a Github issue on the library requesting that functionality.</p>
What happens if the WiFi is down and my esp starts, later the WiFi goes up again? Will the esp connect or will it just stay in config mode?
<p>It will stay in configuration mode, but will rememeber the last credentials that worked until you actually connect and reconfigure it. So you can restart ESP8266 and it'll reconnect to your access point if it's up.</p><p>Personally I find it inconvenient as in case of power outage, the microcontroller restarts much faster than wifi router starts the network. This means you'll have to go and restart all your micro devices if you happen to have several of them, which is common for home automation.</p><p>To tackle this, it's better to have some timeout for configuration, such as in this example - https://github.com/tzapu/WiFiManager/blob/master/examples/AutoConnectWithTimeout/AutoConnectWithTimeout.ino</p>
<p>Thanks for answering as I wasnt sure!</p>
Thanks for sharing this library, very useful !<br>Would something like this also exist for the MKR1000 from Arduino ?<br>
<p>Sorry I have never used a MKR1000 so I'm not sure.</p>
Thank you witnessmenew - you've just made my 2017
<p>You are welcome! Glad I could help!</p>
<p>Brilliant! Thank you!</p>
<p>Your welcome! Thanks for the comment</p>
<p>Thank you, this is cool,</p><p>would it work with Blynk?</p>
<p>Yes! I don't use Blynk myself but if check out the github page for the library their examples have Blynk settings in them</p>
<p>Very useful.<br>Sometimes I need a static IP address.<br>Could it be possible to set a static IP address (and netmask and default gateway) when we are setting the WiFi Credentials ?</p>
La verdad es que es sorprendente que no hubiera nada hecho antes. Es algo que me preocupaba mucho por los comentarios que has Dicho tu mismo, respecto a cambiar el router o datos de la conexion wifi. Muchas gracias.
<p>Tthat looks really useful. The only problem now is I'm going to have to reprogram a dozen ESP's!</p>
<p>Thanks,useful</p>
Your welcome!
This is great! Thx for pointing out this lib.
Your welcome, glad you found it useful!
<p>I was just looking for a solution for this as recently as yesterday, and then I found this! Thanks for posting!</p>
Your welcome! Yeah it's really useful OK was happy to share it others cause I find it great too
<p>Thank you</p><p>Very helpful</p>
No problem, thanks for commenting
thank u very much. I will follow u ..
Your very welcome! Thanks alot

About This Instructable

30,133views

350favorites

License:

Bio: Hey everyone! My name is Brian and thanks for checking my Instructables. I'm a software developer by trade but I've recently gotten into ... More »
More by witnessmenow:Arduino Commute Checker Social Stats Counter Managing Configurations on Your ESP8266 Using WiFiManager 
Add instructable to: