ldijkman / ESPxWebFlMgr

Manage your ESP8266 / ESP32 LittleFS files with a simple web based interface
Other
3 stars 0 forks source link
ace-editor arduino c99shell cloudshell draganddrop esp32 esp8266 filemanager fsbrowser lcars littlefs online shell shellcode shellscript star-trek webeditor webfilemanager webmanager webshelll

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 => https://github.com/ldijkman/ESPxWebFlMgr/issues/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 ?:

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

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

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???

https://jsfiddle.net/luberth/sx61b08t/show


This is a fork from original FileManager by Holger Lembke

original https://github.com/holgerlembke/ESPxWebFlMgr

this is it

Stuff Holger used

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!