Hello everyone, we all know that when esp32 cannot connect to wifi, it will broadcast an AP. When we connect to this AP and enter 192.168.4.1, there will be a web page. We can set the WIFI to which esp32 is connected through the web page. However, this web page is too simple. How should I customize or modify this web page?
This appears to be a more advanced ESPHome question.
I would encourage you to also try the Discord for a question like this.
What do you want there to be on this page?
I want to change some layout, modify some text
Ya… It’s supposed to be simple because its just a simple login screen that you’ll very rarely ever need to use and once you enter login credentials, thats the last and only time you’d need to see that login page.
If your that bored and just want to waste some time, i could give you 10 better options to waste time on and they’d atleast have some arguments for doing them.
If you really want to add some custom details to something, at least do it to the main web_server page because it’s actually something that gets used and seen quite often.
captive portal is here: esphome/esphome/components/captive_portal/captive_index.h at b54c0fd60add3abd7b809eb0a497d46142716306 · esphome/esphome · GitHub
it uses this: GitHub - esphome/esphome-webserver: A Lit Element web component frontend for the ESPHome web_server.
I don’t know why you would want to change it. I do know it won’t be easy.
have to agree with @Poo_on_myShoe on this one
Its basically something that wont ever be used or if it is, it will be a 1 time event where SSId and PSWD are entered and doesnt need to be done again aftet that, outside of someone using Esphome in a very unconventional way.
I believe the captive portal Esphome uses is the same generic one that was being used in the general Arduino community and isnt anything unique so, i dont suspect OP will get very far if they’re just like all the other users who cant be bothered to Google stuff, use the Search box here or read documentation/spec sheets. I suspect they’ll abandon whatever their plan was for adding some Bling Bling colors and funky font types when they realize what will be involved to accomplish it…
I think you are right; I did this because I wanted to DIY the interface for configuring WIFI. Just like when you buy other smart home devices, it seems that each manufacturer will have its own network configuration interface or APP. I also want to DIY a UI that looks beautiful.
More beautiful than me?? Surely you mean something “as beautiful” as me because more is impossible!
IDK man. Like i said earlier, its only a page people will see only 1 time and 2 times if they’re unlucky and with no one frequently using it, they made it as plain as possible and use minimal resources for it because, they’re far more useful for many other things.
You could always try asking the eaphome devs over in the Discord channel, thats where they all hang out usually.
ok, thank you very much