一个基于Node.js的轻量级文件浏览器应用,支持文件查看、下载等基础操作,支持自定义文件类型图标及云存储配置。
- 可视化文件目录浏览
- 文件下载操作
- 自定义文件类型图标(配置于
src/config/file-types.json) - COS 云存储集成(当前支持腾讯云COS,需在
.env中配置参数)
├── .env # 环境变量配置(COS云存储配置)
├── api.js # 后端API接口定义
├── server.js # 服务端入口(Express框架)
├── src/ # 前端源码(main.js)
│ ├── config/ # 配置文件(文件类型定义及图标配置)
│ ├── main.js # 前端入口
│ └── style.css # 全局样式
├── public/ # 静态资源( favicon )
└── dist/ # 前端构建输出(生产环境部署目录)
- Node.js ≥ 16.0.0
- npm ≥ 7.0.0
npm install# 同时启动前端热更新和后端服务
npm run startdev访问 http://localhost:3000 查看前端界面。
npm run start静态资源将输出至dist/目录,服务默认监听3000端口。
在.env文件中配置以下参数:
COS_SECRET_ID=your_secret_id # 腾讯云API密钥ID
COS_SECRET_KEY=your_secret_key # 腾讯云API密钥Key
COS_REGION=ap-guangzhou # 存储桶地域
COS_BUCKET=your-bucket-1250000000 # 存储桶名称修改src/config/file-types.json可自定义文件类型图标,格式示例:
{
"types": {
"aac": {
"extensions": ["aac"],
"icon": "bi-filetype-aac",
"color": "#1E90FF"
},
}
}