Skip to content

Manage your ESP8266 / ESP32 LittleFS files with a simple web based interface

License

Notifications You must be signed in to change notification settings

ldijkman/ESPxWebFlMgr

 
 

Repository files navigation

Microsoft windows users UGH, mDNS http://filemanager.local:8080 may not work for you,

just install http://apple.com/itunes that makes mDNS http://filemanager.local:8080 to work for you

Bonjour for WinDOS might be eassier https://support.apple.com/kb/DL999?locale=nl_NL worked on windos 7 for me, above did not work

it installs mDNSResponder.exe Bonjour service see it in taskmanager

ESP8266 FileManager https://www.google.com/search?q=ESP8266+nodemcu

NOTE: issue on the persistance of credentials in the core3.x of 8266, which does not work

Solution => #3


SIEMENS related, People first read the license at the bottom ?!

Raised € 200 Euro for the first that gives a working code

for this Filemanager to run on ESPAsyncWebServer.h? (ESP8266)

like it is now,

Now running / working on ESP8266WebServer.h


Code submissions => https://github.com/ldijkman/ESPxWebFlMgr/discussions (link to sourcecode?)


for proffessional coders it maybe not enough, but it may trigger other ;-)


Electra Begs, Can SomeOne Please?

Make this work with ESPAsyncWebServer?

ESPxWebFlMgr by Holger Lembke

HowTo run this WebFilemanager on a ESP8266 LittleFS

download zip => https://github.com/ldijkman/ESPxWebFlMgr/archive/refs/heads/master.zip

arduino ide=>sketch=>include library=>add zip library (ESPxWebFlMgr-master.zip)

arduino ide=>file=>examples=>ESP8266 Web File Manager => ESP8266basic example

line 44 fill ssid and pasword for your wifirouter connection

upload data directory to ESP8266 LittleFS (Descripton HowToDoTHAT in ESP8266basic example)

program the ESP8266 and Browse to the IP that is given in serial monitor

https://www.google.com/search?q=ESP8266 minimal 32mbit==4MByte version? Better with USB connection


https://github.com/ldijkman/ESPxWebFlMgr/blob/master/examples/ESP8266basic/ESP8266basic.ino

i use Arduino IDE 1.8.19 Linux ARM 32 Bits on RaspBerry pi400 https://www.arduino.cc/en/software


Edit Electra's Skin online inbrowser WebFileManager

Would like to run this on ESPAsyncWebServer

So that we can change the Look and Feel of Electra with skins (HTML / CSS)

Modify Electra like you like her to be

Some Changes, WishList ?:

  • run on ESPAsyncWebServer, Make Electra Happy?
  • extra colomn/row for preview files in browser == i have added a V button
  • maybe small icons instead of letters == done with a font, later images maybe less and no external traffic
  • there is no E edit for .txt files => i see in code i can set #define fileManagerEditEverything
  • a touch or click on dropzone should open a filebrowsebox for uploading (try to drag/drop files on phone, i cannot, dontknow)
  • maybe a new file create button
  • unzip button
  • textarea colored simple syntax higlighting == CodeMirror
  • a checbox to show hidden --sysfiles
  • a button to upgrade the system firmware.BIN
  • Fiddling with Electra
  • share files between electra clones http://kitchen.local garage.local living.local etc. for skins and firmware.bin
  • Try-it Editor/previewer that can open/save and add an icon on filelist icon suggstion

can you help shorten above wishlist?

note: texteditor window size can be changed by dragging right bottom corner

note: texteditor window size can be changed by dragging right bottom corner

note: texteditor window size can be changed by dragging right bottom corner

  • X extra colomn/row for preview files in browser == i have added a V button

  • X extra colomn/row for preview files in browser == i have added a V button

Trying icon font = no rename maybe A↷B , hee a ↯ Electra ↯ character

maybe less size/no external traffic when i make images from the font == now images, --files.png = not shown in filemanager list

added a drop file zone icon middle left

editor => codemirror syntax highlight and line numbers, no external Js, compressed local

the eye previev opens iframed with a backlink


WOW, Can Electra have her own JSFiddle Clone

YES! Running on ESP8266

fork https://github.com/ldijkman/jsbin-jsfiddle-clone original https://github.com/swapnilmishra/jsbin-jsfiddle-clone

Edit Electra's Skin locally (View as you Type, realtime WYSIWYG)

even better as jsfiddle or codepen

all small script files, the biggest codemirror.js i allready have for the editor

looks like 160kb extra file uncompressed

Fiddle With Electra served from ESP8266

Warning Fiddling with Electra can Kill you!

just an upload files to esp8266 filemanager https://github.com/ldijkman/ESPxWebFlMgr/tree/master/jsbin-jsfiddle-clone nothing coded yet

https://www.youtube.com/watch?v=K94DvxUGsOo

2022-01-30-202422_1360x768_scrot


simpler try-it.html just a few lines

warning does not save your work (copy / paste?)

https://www.youtube.com/watch?v=K94DvxUGsOo

2022-02-03-062911_1360x768_scrot


Upgrade Electra from filemanager

ESP8266 system Update/upgrade from firmware.bin

upload over the filemanager to update no programming usb cable needed

if firmware.bin is in the filemanager list uploaded

  • note: changed /ESP8266basic.ino.bin so no rename is needed just drag and drop on filemanager file upload

press update button to perform update

you can create a bin file in Arduino IDE when pressing the check code V verify button left of ->upload program button

check the compiler output text where the bin file is stored => upload it and rename it to firmware.bin

in compiler text => Creating BIN file "/tmp/arduino_build_606192/ESP8266basic.ino.bin"

video on youtube https://www.youtube.com/watch?v=K94DvxUGsOo

(pi 400 drops USB (20 year old USB logitech webcam wich i could use as microphone. think on poweruse)

2022-01-31-173251_1360x768_scrot


arduino ide creat a bin file, and where is it stored

video on youtube https://www.youtube.com/watch?v=K94DvxUGsOo

2022-02-01-035207_1360x768_scrot


button showhidden --files, button hidehidden --files, should become a checkbox

2022-02-01-040416_1360x768_scrot


maybe it can be done even simpler with httpupdater lib via ccurl in serial monitor

must have a look how and size of code and if it will work with espasynwebserver.h in future


Alexander W. on Facebook commented => looks like LCARS

Wikipedia => In the Star Trek fictional universe, LCARS is a computer operating system. Within Star Trek chronology

an LCARS index / css skin would be nice for Electra = Start Trek Electra house controlled devices

https://www.google.com/search?q=lcars

Electra LCARS Star-Trek Skin???


This is a fork from original FileManager by Holger Lembke

  • Manage your files with a simple web based interface.
  • Supports Arduino ESP8266 and Arduino ESP32.
  • Has local editing, renaming, downloading and compression.

this is it

Stuff Holger used


Electra

Simple advanced home automation

each device a handy wifimanager config page, fixed, dhcp, mDNS, NTP, i/o, change settings from AP or STA mode

each device a human friendly URL http://kitchen,local http://living.local etc

each device its webpage lists automaticly all other devices in the local network wit a link to its URL http://kitchen,local http://living.local etc

each device its own webpage (browse trough your house)

each device its on easy to set & overview timed settings (loads of timed settings possible)

Skins html/css for the main page editable uploadeble so create your own look for Electra

each device its own filemanager/editor/upload/download

i must have forgot something, maybe no ads, advertising & data pricacy

http://github.com/ldijkman/randomnerd_esp32_wifi_manager

Share your Skin!

Black, White, Yellow or Pink, Fat or Slim, Minimal or Maximal, Dusty or Futuristic.

https://github.com/ldijkman/randomnerd_esp32_wifi_manager/tree/main/Skins



2022-01-31-044913_1360x768_scrot


#MeToo #Electra

Electra 4 YouToo!?

impressive Espressif

A penny for sharing my thoughts => Http://paypal.me/LDijkman

Soon, The power of Electra wil run on an Gazilion devices! ;-)

All you need is Electra!