github地址
https://github.com/filebrowser/filebrowser
在浏览器的网页版的文件管理器
上一篇文章,解决了在浏览器编辑代码的优化
《OpenWrt软路由(NanoPi For NAS All In One R4S ):codeserver浏览器中的VSCode》
本文来继续解决可视化操作文件夹和文件,在浏览器
官方安装地址
https://filebrowser.org/installation
可以看到官方没有给docker-compose.yml配置例子,需要自己转化一下
新建docker-compose.yml配置文件
/ 为你要映射的目录,本文映射的为openWrt所有目录
version: "2.1"
services:
filebrowser:
image: filebrowser/filebrowser
container_name: filebrowser
environment:
- PUID=1000
- PGID=1000
volumes:
- /:/srv
- ./filebrowser.db:/database/filebrowser.db
- ./settings.json:/config/settings.json
ports:
- 3003:80
restart: unless-stopped
拉取镜像并启动
docker-compose up
开放端口
点击菜单,网络->防火墙->通信协议
添加3003端口
访问ip:端口进入页面
http://192.168.100.1:3003/
默认用户名:admin
默认密码:admin
进入页面
点击Setting,选择Language,下拉选择简体中文,点击update
变为中文界面
最终效果
上传文件
从电脑上传文件到openWrt,只需要拖拽文件到浏览器页面即可
新建文件和查看文件
如新建docker-compose.yml
可以看到上面的内容
使用filebrowser可以很清晰的看到文件夹,不需要使用cd ls等命令行,可以在浏览器鼠标点击直接进入对应文件夹
可以查看文件和新建以及编辑文件
可以进行上传,下载等操作
减少命令行的使用
使用code-server编辑代码,使用filebrowser操作文件,使用portainer查看docker容易
把openWrt环境进行可视化操作
注意
本文为R4S OpenWrt,ARM64环境,以上代码同样适用于树莓派4B Ubuntu Server 22.04 Docker
推荐阅读
《OpenWrt软路由(NanoPi For NAS All In One R4S ):codeserver浏览器中的VSCode》