INFO: Dieses Forum nutzt Cookies...
Cookies sind für den Betrieb des Forums unverzichtbar. Mit der Nutzung des Forums erklärst Du dich damit einverstanden, dass wir Cookies verwenden.

Es wird in jedem Fall ein Cookie gesetzt um diesen Hinweis nicht mehr zu erhalten. Desweiteren setzen wir Google Adsense und Google Analytics ein.

Antwort schreiben 
 
Themabewertung:
  • 0 Bewertungen - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
JS/CSS/Whatever-Dateien einbinden
13.01.2021, 15:36
Beitrag #1
JS/CSS/Whatever-Dateien einbinden
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
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
13.01.2021, 15:43
Beitrag #2
RE: JS/CSS/Whatever-Dateien einbinden
(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.

Gruß Fips

Meine Esp8266 & ESP32 Projekte
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
13.01.2021, 16:17
Beitrag #3
RE: JS/CSS/Whatever-Dateien einbinden
(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
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
13.01.2021, 16:29
Beitrag #4
RE: JS/CSS/Whatever-Dateien einbinden
Schau mal auf der Website von Fips.

Gruß Tommy

"Wer den schnellen Erfolg sucht, sollte nicht programmieren, sondern Holz hacken." (Quelle unbekannt)
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
13.01.2021, 19:51
Beitrag #5
RE: JS/CSS/Whatever-Dateien einbinden
(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.
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
Antwort schreiben 


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

Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste