Skip to content

ccizm/Filebrowser

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Filebrowser

一个基于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端口。

配置说明

云存储配置(腾讯云COS)

.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"
    },
  }
}

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published