-
11Accessing The File Manager
In the Web UI Tobychui developed, it got a build in File Manager where you can do all the file access and operations there. Simply click on the "admin panel" or navigate to /admin (i.e. http://{your_device_ip}/admin) and login with the username and password you set in the admin.txt file.
Afterward, you will see all file contents in your SD card's web/ folder. If you want to open or edit any of them, just double click them and the File manager will pick the correct web apps to open them. Some build in webapps includes
- Music player (recommend < 5MB mp3 files)
- Video player (recommend < 5MB webm files)
- Photo viewer (web supported formats only)
- Markdown Editor
- Code Editor
-
12Changing HTML Files In Your Browser
To effortlessly edit your webpage without unplugging the SD card, follow these steps:
Direct Editing:
- Simply select the HTML files you wish to edit. You can choose individual files or use multi-select by holding Ctrl and clicking.
- Click "Open," and the built-in Notepad editor will enable you to make direct changes to your HTML files directly within your browser.
Local Editing and Upload:
- If you prefer local editing and then uploading to the TinyNAS, you can achieve this by drag-and-dropping files from your local File Explorer (or Finder) into the File Manager for upload.
- Keep in mind that the ESP32 may take a bit of time to process the upload and write to the SD card.
While the ESP32 theoretically supports network speeds up to 8 Mbps, real-world performance typically hovers around 1Mbps for concurrent read and write operations. This could be influenced by SD card capabilities. Consequently, I recommend avoiding large resources, such as pictures or CSS files, on the TinyNAS. Opt for using CDNs for scripts or employing compressed image formats like JPEG to enhance efficiency.
-
13(Optional) Setup Port Forward
How to Access Your Website from the Internet:
If you wish to access your TinyNAS from the internet, consider enabling port forwarding on your home router. This involves directing external port 80 to your TinyNAS's IP address. Given the non-technical nature of this post and the abundance of tutorials available on port forwarding to specific IP addresses, I won't delve into the specifics here.
Obtaining Your Own Domain:
For those interested in accessing their TinyNAS using a custom domain name (e.g., http://yourdomain.com rather than http://{your_home_ip_here}), acquiring a domain from a domain name service provider is essential.
-
14Your TinyNAS Is Done!
Congratulations! Your TinyNAS web server is now ready for action!
This compact web server operates on less than 4W, ensuring negligible impact on your electricity bill, even if left running 24/7 when plugged into your wall adapter. Dive in and enjoy hosting your personalized homepage hassle-free!
Discussions
Become a Hackaday.io Member
Create an account to leave a comment. Already have an account? Log In.