Custom HTML page for management
Moderators: grovkillen, Stuntteam, TD-er
Custom HTML page for management
Hello.
I created my own HTML page for managing several GPIO by loading it into the ESP module, the browser issues an html code (((((
How to organize your HTML page inside ESP using the latest firmware ESP Easy ???
I created my own HTML page for managing several GPIO by loading it into the ESP module, the browser issues an html code (((((
How to organize your HTML page inside ESP using the latest firmware ESP Easy ???
- grovkillen
- Core team member
- Posts: 3621
- Joined: 19 Jan 2017, 12:56
- Location: Hudiksvall, Sweden
- Contact:
Re: Custom HTML page for management
We're on the verge of doing a complete overhaul of how to handle the web interface. The new interface will let you handle GPIO states with buttons and have them on a dashboard.
ESP Easy Flasher [flash tool and wifi setup at flash time]
ESP Easy Webdumper [easy screendumping of your units]
ESP Easy Netscan [find units]
Official shop: https://firstbyte.shop/
Sponsor ESP Easy, we need you
ESP Easy Webdumper [easy screendumping of your units]
ESP Easy Netscan [find units]
Official shop: https://firstbyte.shop/
Sponsor ESP Easy, we need you
Re: Custom HTML page for management
in the early version of the firmware I downloaded to esp01 via tools / flash a file containing the html code, but I had to rename its extension to .esp then the browser could give it out as a normal HTML page.grovkillen wrote: ↑28 Jun 2018, 10:15 We're on the verge of doing a complete overhaul of how to handle the web interface. The new interface will let you handle GPIO states with buttons and have them on a dashboard.
Make it possible to correctly display the html pages from the esp memory so that the user can load his own management interpse directly with the GPIO.
In the firmware implemented webserver?
- grovkillen
- Core team member
- Posts: 3621
- Joined: 19 Jan 2017, 12:56
- Location: Hudiksvall, Sweden
- Contact:
Re: Custom HTML page for management
I don't follow your thoughts here. Could you elaborate?
ESP Easy Flasher [flash tool and wifi setup at flash time]
ESP Easy Webdumper [easy screendumping of your units]
ESP Easy Netscan [find units]
Official shop: https://firstbyte.shop/
Sponsor ESP Easy, we need you
ESP Easy Webdumper [easy screendumping of your units]
ESP Easy Netscan [find units]
Official shop: https://firstbyte.shop/
Sponsor ESP Easy, we need you
Re: Custom HTML page for management
Sorry for my English!
I created a page (HTML + Javascript + CSS) to control the relays that are connected to the ESP-12. My page using JavaScript tracks the status of all outputs and visualizes their status.
I want to load this page into the ESP module so that it can be accessed at http://IP_ESP/mycontrolpage.html
The screenshot of the page is attached (gray is disabled, blue is on).
- Attachments
-
- mycontrolpage_scr.JPG (42.85 KiB) Viewed 8554 times
- grovkillen
- Core team member
- Posts: 3621
- Joined: 19 Jan 2017, 12:56
- Location: Hudiksvall, Sweden
- Contact:
Re: Custom HTML page for management
Ok, that's a nice idea of letting users create their own page. I will incorporate that in the new GUI engine.
ESP Easy Flasher [flash tool and wifi setup at flash time]
ESP Easy Webdumper [easy screendumping of your units]
ESP Easy Netscan [find units]
Official shop: https://firstbyte.shop/
Sponsor ESP Easy, we need you
ESP Easy Webdumper [easy screendumping of your units]
ESP Easy Netscan [find units]
Official shop: https://firstbyte.shop/
Sponsor ESP Easy, we need you
Re: Custom HTML page for management
how long to wait for this update?grovkillen wrote: ↑28 Jun 2018, 11:14 Ok, that's a nice idea of letting users create their own page. I will incorporate that in the new GUI engine.
- grovkillen
- Core team member
- Posts: 3621
- Joined: 19 Jan 2017, 12:56
- Location: Hudiksvall, Sweden
- Contact:
Re: Custom HTML page for management
I'm on holiday for another 4.5 weeks. After that I will try to finish up my work at Senseair (I will go down to two days a week from September on), and try to get a living doing ESP Easy stuff. We'll see how that goes
ESP Easy Flasher [flash tool and wifi setup at flash time]
ESP Easy Webdumper [easy screendumping of your units]
ESP Easy Netscan [find units]
Official shop: https://firstbyte.shop/
Sponsor ESP Easy, we need you
ESP Easy Webdumper [easy screendumping of your units]
ESP Easy Netscan [find units]
Official shop: https://firstbyte.shop/
Sponsor ESP Easy, we need you
Re: Custom HTML page for management
Any updates on this topic?
- grovkillen
- Core team member
- Posts: 3621
- Joined: 19 Jan 2017, 12:56
- Location: Hudiksvall, Sweden
- Contact:
Re: Custom HTML page for management
I'm working on it but it's a big update. We're gonna do a lot more heavy lifting on the browser side got example. Please give me another month to get it ready.
ESP Easy Flasher [flash tool and wifi setup at flash time]
ESP Easy Webdumper [easy screendumping of your units]
ESP Easy Netscan [find units]
Official shop: https://firstbyte.shop/
Sponsor ESP Easy, we need you
ESP Easy Webdumper [easy screendumping of your units]
ESP Easy Netscan [find units]
Official shop: https://firstbyte.shop/
Sponsor ESP Easy, we need you
Re: Custom HTML page for management
a similar solution is in testing phase, i call it switchboard plugin. i am currently testing it with 8 output-relay and 8 pushbutton with esp32.
https://github.com/letscontrolit/ESPEas ... hboard.ino
this is a simple plugin that uses and diaplays existing output helper, switch input and dummy devices values with a web board at http://ipaddress/board
https://github.com/letscontrolit/ESPEas ... hboard.ino
this is a simple plugin that uses and diaplays existing output helper, switch input and dummy devices values with a web board at http://ipaddress/board
Re: Custom HTML page for management
I'm not sure if I understood the first post correctly....but I also have a webpage on my esp device ending on .esp and with an update of easpeasy it stopped working and only showed the html code.
I figured out that I had written it without a Header and the older firmware versions probably added a header by default.
after adding at the very beginning of the .esp file
<HEAD>
Content-Type: text/html
</HEAD>
the page worked again till latest update.
Regards
I figured out that I had written it without a Header and the older firmware versions probably added a header by default.
after adding at the very beginning of the .esp file
<HEAD>
Content-Type: text/html
</HEAD>
the page worked again till latest update.
Regards
Re: Custom HTML page for management
This has been driving me crazy, I could not understand why custom esp files (even the example given in the wiki) were not working. Thanks for sharing!TommoT1 wrote: ↑03 Sep 2018, 16:29 I'm not sure if I understood the first post correctly....but I also have a webpage on my esp device ending on .esp and with an update of easpeasy it stopped working and only showed the html code.
I figured out that I had written it without a Header and the older firmware versions probably added a header by default.
after adding at the very beginning of the .esp file
<HEAD>
Content-Type: text/html
</HEAD>
the page worked again till latest update.
Regards
Who is online
Users browsing this forum: Ahrefs [Bot], Bing [Bot] and 95 guests