ESP8266 Community Forum

I've been working with the SD WebServer code as a starting point for one of the projects I'm working upon and have made some improvements to pieces of it that I thought others might find interesting and useful. I'll post the parts so people can pick and choose what they find useful, but they slot into the SD Webserver example for ESP8266 Arduino code.

The first is an enhancement I did to the loadFromSdCard where I added a few more types and added support for including a '/gz/' directory on the root of the SD card with sub directories for various types of files. I haven't bothered with supporting long filenames so I just replaced whatever the file's original extension was with .gz. So for example, a compressed .js file would be file.gz rather than file.gz.js. Just place the file into /gz/js and this code will serve it up as type 'application/javascript' and the server code will then see it as compressed and add the appropriate encoding type so the browser knows it is gzipped.



One of the things I did before creating more code (that it will be necessary to do for some of the other examples to follow) is I added two global variables for 'serverError' and another for 'serverMessage' that I use with sub-functions that exist for utility purposes only so they can set either return messages or errors to be reported by their parent functions. I then reset these any time I check them as well as in the main loop() function.
These then use modified return functions (also included here).




I then added a utility function that will read a 'dir' parameter for some of the other methods which checks if the directory actually exists, setting errors if necessary before returning the parameter as a string:



I use this further down to modify the upload function. But first, I modified the PrintDirectory to use a sub function to actually read the directory that uses the ArduinoJson library to create the Json output. This not only makes it easier to build the Json string, but allows me to pass the object reference recursively to descend directory structures if desired. (with a boolean parameter in the function) The function works the same way but uses the getDirArg function to get and check the dir parameter now and sets descend to false to produce basically the same result, except I also added 'size' to the values returned for type=file.
I then added a second function called printFS that will scan the entire file system and cache it to a .jsn jason file in the root directory of the server. (You can force a re-scan by setting a ?scan=1 parameter when you call it.)

Note, this code requires adding an #include <ArduinoJson.h> and a global variable for JsonBuffer



Finally, I modified the file upload to use the printFS function's output to allow you to upload to any directory. This requires adding an extra handler that I created with the url "/listall" in the server setup. I added it after the existing "/list" handler.



The new upload code is:



To use this function with the error reporting, modify the handler code in the webserver setup as follows (replace the existing line(s) for handleFileUpload):


One thing I figured out real quick is that the Webserver back-end code doesn't parse the Post parameters from a form when there's a file upload. (int server.args == 0) But it will parse URL parameters. So I'll include the html of my flat file that I put in the root of the SD card which has bare-bones ajax code and updates the form tag's "action" parameter based on the directory you select.

/upload.htm

One that's still a work-in-progress, I set up a method that will get the user's IP address. I would like to also get the mac address, but there appears to be no support for it at the moment.

I noticed some other folks talking about jumping back to the underlying C code to use the IP address of the client (which you can get with server.client().remoteIP() ) to look through the list of connected stations to retrieve the mac address. However, this is apparently something you can't really do in the default IDE, and I've just started playing with the Atmel Studio IDE. I'm also not really familiar with the old C programming constructs.

I was able to figure out that the C++ code for the server does include a wrapper to get the number of stations connected, but I didn't see any similar wrappers to return the connected station data. As near as I can tell, there is support for an object similar to the old C struct because they appear to use one for defining the local softAP values with the same property names that seem to appear in the old C struct.

If anyone can help me throw one together, I'll whip some code up to help pull the client mac address and IP out and return it as JSON code as well.