-
|
Hi all! As is, I have a project where it’s a standalone webpage served from the ESP32 webserver and WiFi. So to connect is simple; turn on the esp32, on the user device WiFi settings look for the esp32 WiFi network, connect to it, add password, once connected you are in the webpage! My question would be, How can I add my webpage that sits on the SPIFF under a folder named data/page1.html And Run when the HOME button is pressed in the AutoConnect Menu? I have read the Custom page implementation but as you can see my webpage is pure html not json. |
Beta Was this translation helpful? Give feedback.
Replies: 6 comments 10 replies
-
|
A description of that technique is given in the documentation as Capture the legacy web pages as items into the menu. server.on("/hello", [](){
server.send(200, "text/html", String(F(
"<html>"
"<head><meta name='viewport' content='width=device-width,initial-scale=1.0'></head>"
"<body><h2>Hello, world</h2></body>"
"</html>"
)));
});
portal.append("/hello", "HELLO");In that example, it is added as a "HELLO" item into the menu, but you can add a legacy page handler to the HOME menu item by using the AutoConnectConfig::homeUri setting. So, what you need may be had in the sketch below: #include <Arduino.h>
#include <WiFi.h>
#include <WebServer.h>
#include <SPIFFS.h>
#include <AutoConnect.h>
// Change HOME URI and HTML file path you wish.
#define HOMEURI "/home"
#define ADDONPAGEFILE "/data/page1.html"
WebServer server;
AutoConnect portal(server);
AutoConnectConfig config;
bool loadAddonPage(const char* path) {
bool rc = false;
Serial.printf("Page %s requested, ", path);
File addonPage = SPIFFS.open(path, "r");
if (addonPage) {
if (!addonPage.isDirectory()) {
server.streamFile(addonPage, "text/html");
Serial.println("successfully loaded");
rc = true;
}
else
Serial.println("it's directory");
addonPage.close();
}
else
Serial.println("open failed, probably does not exist.");
return rc;
}
void setup() {
delay(1000);
Serial.begin(115200);
Serial.println();
server.on(HOMEURI, HTTP_GET, []() {
if (!loadAddonPage(ADDONPAGEFILE))
server.send(404, "text/plain", "File not found");
});
SPIFFS.begin(true);
config.homeUri = HOMEURI; // It's important
portal.config(config); // Register the HOMEPATH to HOME item of the menu
portal.begin();
}
void loop() {
portal.handleClient();
} |
Beta Was this translation helpful? Give feedback.
-
|
Thank you for your fast response and your time! Maybe related to the SPIFF, the way I uploaded the data folder containing the page1.html is using the esp32 sketch data upload tool. |
Beta Was this translation helpful? Give feedback.
-
|
EDIT by Hieromon |
Beta Was this translation helpful? Give feedback.
-
|
And on the terminal this is what it shows:
EDIT by Hieromon |
Beta Was this translation helpful? Give feedback.
-
|
The sketch I uploaded above has been tested and should work. If your intention specify to |
Beta Was this translation helpful? Give feedback.
-
|
Thank you so Much for your support! |
Beta Was this translation helpful? Give feedback.
-
|
It is under the captive portal opened by your cellphone OS. In that state, the ESP module cannot connect to the Internet. If your HTML contains other sites or URIs, all those links will be invalid. |
Beta Was this translation helpful? Give feedback.
-
|
Oh, Ok! |
Beta Was this translation helpful? Give feedback.
-
|
This is what it’s supposed to look like! EDIT by Hieromon |
Beta Was this translation helpful? Give feedback.
-
|
And this is what I get when press the home button in the portal. EDIT by Hieromon |
Beta Was this translation helpful? Give feedback.
-
|
The links don’t work and the images don’t rendered. |
Beta Was this translation helpful? Give feedback.
-
|
I had modified your posts above to show the images correctly. |
Beta Was this translation helpful? Give feedback.
-
|
How can I reach out to you, privately? I rather contribute to the person or group that developed the portal. |
Beta Was this translation helpful? Give feedback.
-
|
By the way the links, are actually other pages (page2.html -page4.html) in the same spiff. I can send them for your review if interested. If so my Email is [email protected]. |
Beta Was this translation helpful? Give feedback.
-
|
Unfortunately, it is clear that the content of page1.htlm has a stylesheet that depends on the outside of the ESP32 host. (Maybe that CSS link is also present in page2.html, page3.html, page4.html). Perhaps their content also hides tricks that were shrunk by jQuery. It may also be a mix of Web APIs provided by other websites. In any case, they do not contribute to the improvement of the AutoConnect library. Thank you. |
Beta Was this translation helpful? Give feedback.
-
|
Thank you again for your time! Can I hire you to makes the proper changes and have it work? |
Beta Was this translation helpful? Give feedback.
A description of that technique is given in the documentation as Capture the legacy web pages as items into the menu.
The following sketch coded in the above section is a WebServer native page handler:
In that example, it is added as a "HELLO" item into the menu, but you can add a legacy page handler to the HOME menu item by using the AutoConnectConfig::homeUri setting.
So, what you need may be had in the sketch below: