OpenWrt软路由(NanoPi For NAS All In One R4S ):filebrowser web文件浏览器



NO.1

NO.1
filebrowser简介

github地址

https://github.com/filebrowser/filebrowser

在浏览器的网页版的文件管理器

img

NO.2
使用场景

上一篇文章,解决了在浏览器编辑代码的优化

OpenWrt软路由(NanoPi For NAS All In One R4S ):codeserver浏览器中的VSCode

img

本文来继续解决可视化操作文件夹和文件,在浏览器

NO.3
filebrowser安装

官方安装地址

https://filebrowser.org/installation

可以看到官方没有给docker-compose.yml配置例子,需要自己转化一下

img

新建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

img

开放端口

点击菜单,网络->防火墙->通信协议

添加3003端口

img

NO.4
filebrowser使用

访问ip:端口进入页面

http://192.168.100.1:3003/

默认用户名:admin

默认密码:admin

img

进入页面

img

点击Setting,选择Language,下拉选择简体中文,点击update

img

变为中文界面

img

最终效果

img

上传文件

从电脑上传文件到openWrt,只需要拖拽文件到浏览器页面即可

img

新建文件和查看文件

如新建docker-compose.yml

img

NO.5
Tips

可以看到上面的内容

使用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