INFO: Dieses Forum nutzt Cookies...

basementmedia · 13.01.2021, 15:36

Hi zusammen,

hab mal wieder ne Frage:

Bisher binde ich Javascript und CSS-Dateien auf meinem ESP-Server folgendermaßen ein:

1. ich includiere den HTML-Code im Sketch über

Code:

#include "index.h"

void setup() {

  server.on("/", display_root);

}

void display_root() {

   server.send(200, "text/html", indexPage);

}

und in der includierten Datei (die im gleichen Verzeichnis wie der Sketch liegt) verlinke ich dann die entsprechende Javascript-Datei über

Code:

const char indexPage[] PROGMEM = R"=====(

<!doctype html>

<html lang="en">

<head>

<script src="http://meinerver.de/js/meinejs.js"></script>

</head>

<body>

...

</body>

)=====";

Das oben ist nur mal ein grobes Grundgerüst, ich hoff ich hab nichts vergessen. Jedenfalls funktioniert alles prima.
D.h. die Datei wird von der angegebenen, externen Quelle geladen.

Aber: Kann man die Datei aber auch direkt einbinden, also so dass diese direkt auf dem ESP-liegen? Im Prinzip mach ich das mit der oben im Beispiel aufgeführten index.h auch. Geht das genauso auch mit den JS-Dateien?

Danke schon mal für eure Tipps.

Viele Grüße
Daniel

Fips · 13.01.2021, 15:43

(13.01.2021 15:36)basementmedia schrieb: Geht das genauso auch mit den JS-Dateien?

Ja!

Warum willst du js, css, html unbedingt im Sketch haben. Im Filesystem des Esp sind die besser aufgehoben.

basementmedia · 13.01.2021, 16:17

(13.01.2021 15:43)Fips schrieb:
(13.01.2021 15:36)basementmedia schrieb: Geht das genauso auch mit den JS-Dateien?

Ja!

Warum willst du js, css, html unbedingt im Sketch haben. Im Filesystem des Esp sind die besser aufgehoben.

Das klingt plausibel .
Ich bin ja immer noch ein Neuling und lerne gerne dazu.
Ich dachte ehrlich gesagt, das durch das Einbinden über include und das Hochladen des Sketches das Zeuch dann automatisch im Filesystem landet.

Du meinst quasi das Spiffs Datei System?
Hast du evtl. ein Beispiel wie man da Dateien hochlädt und über welchen Pfad man die dann verlinkt?

LG Daniel

Tommy56 · 13.01.2021, 16:29

Schau mal auf der Website von Fips.

Gruß Tommy

basementmedia · 13.01.2021, 19:51

(13.01.2021 16:29)Tommy56 schrieb: Schau mal auf der Website von Fips.

Gruß Tommy

Geilo! Ist ja ne Mega-umfangreiche Seite!
Da muss ich mich wohl mal a bissarl umschauen ;-)
@Fips: du hast ja echt schon mächtig viel gemacht, Respekt.

Ich kann euch im Gegenzug nur meine Gitarrenbau-Videos und meine Gesänge auf YouTube anbieten:

https://www.youtube.com/channel/UC0Cx937...1NTKJIv-Gw

Könnt ja mal reinkucken ;-)

Ach ja und meine Band "Pottinger" will ich auch noch erwähnen:

https://www.youtube.com/watch?v=24k6tchauus

So, genug Offtopic: Zurück zum Thema...
Ich les mich da mal ein und werd sicherlich die Lösung finden;-)

Beste Grüße und schönen Abend euch.

Möglicherweise verwandte Themen...
Thema:		Verfasser	Antworten:	Ansichten:	Letzter Beitrag
	formatierung von csv dateien in LittleFS	gk_1	6	225	04.04.2021 17:56 Letzter Beitrag: Tommy56
	CronAlarms einbinden	flatzmaus	14	1.573	25.10.2020 18:00 Letzter Beitrag: hotsystems
	Dateien im Spiffs sortiert anzeigen!	Fips	23	5.005	26.03.2020 15:54 Letzter Beitrag: Tommy56
	Spiffs-Verwaltung zum schnellen Einbinden in eigene Projekte	Tommy56	12	13.354	17.01.2020 13:31 Letzter Beitrag: Tommy56
	ESP32 Dateien zum Download anbieten	Sonny354	11	2.061	11.10.2019 11:59 Letzter Beitrag: Tommy56
	ESP32 Webserver download mehrerer Dateien	Eisvogel	1	1.981	11.06.2019 10:42 Letzter Beitrag: Tommy56
	ESP32 (AzureIoT + BLE in keine Header-Dateien)	ChrisL	7	5.305	01.12.2018 13:45 Letzter Beitrag: ChrisL


Baumstrukturmodus \| Linearer Modus JS/CSS/Whatever-Dateien einbinden