# Flask-Files-Server
**Repository Path**: melodyecho/Flask-Files-Server
## Basic Information
- **Project Name**: Flask-Files-Server
- **Description**: 基于原生前端和 Python Flask 后端的文件服务器，可远程查看、下载和上传文件，局域网搭配内网穿透可实现公网访问
- **Primary Language**: HTML
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 2
- **Forks**: 0
- **Created**: 2022-06-23
- **Last Updated**: 2022-08-20
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# Flask-Files-Server
## 一、简介
基于原生前端和 Python Flask 后端的文件服务器，可远程访问、下载和上传文件，可用于某一设备向其他设备开放的文件访问。局域网搭配内网穿透可实现公网访问。
## 二、说明
最开始是想着，实现电脑不在身边的时候直接访问、操作电脑文件。等到做完了才想起来用 ftp 协议配置也更方便，也更稳定；但既然都做完了(；′⌒`)...也就权当一个练手项目吧。
使用 http 实现确实麻烦了，但正好也能用最近学的前端知识做一做交互界面。使用 Windows 自带的 ftp 服务或网上的其他 ftp 客户端 UI 也就那样，自己从零设计 ftp 服务客户端又太麻烦了，选择前端 http 实现正好可以满足 UI 这个需求。
同时不同设备访问只需要浏览器就可以了。~~当然移动端体验可能不太好，因为我没做移动端网页（懒），但是用还是能用的...~~ （2021.09.15 更新了移动端适配，移动端使用体验大幅提升）
## 三、功能
（1）~~炫酷、人性化使用界面，赏心悦目（划掉）~~
（2）类似 ftp 服务的文件访问、下载和上传功能，没有删除（没这个需求）
## 四、项目结构
提示：（为提高运行速度html、css 和 js 文件有压缩，压缩后的文件与原文件在同一目录下。在以下树中未显示。）
```txt
.
├── LICENSE
├── README.md
├── app.py # 运行主程序
├── driver.py
├── files.py
├── launch.bat # 启动脚本
├── project_tree.txt
├── static
│ ├── css
│ │ ├── h5 # h5文件夹为适配移动端的文件
│ │ │ ├── m_download_error.css
│ │ │ ├── m_index.css
│ │ │ ├── m_login.css
│ │ │ ├── m_upload.css
│ │ │ └── normalize.css
│ │ ├── download_error.css
│ │ ├── index.css
│ │ ├── login.css
│ │ └── upload.css
│ ├── img
│ │ ├── body-background.jpg
│ │ └── m_body-background.jpeg
│ └── js
│ ├── h5
│ │ ├── m_index.js
│ │ └── m_upload.js
│ ├── index.js
│ └── upload.js
├── templates
│ ├── h5
│ │ ├── m_download_error.html
│ │ ├── m_index.html
│ │ ├── m_login.html
│ │ └── m_upload.html
│ ├── download_error.html
│ ├── index.html
│ ├── login.html
│ └── upload.html
└── test_files
└── testURL.txt
9 directories, 52 files
```
## 五、使用
（1）安装依赖：
```cmd
pip install flask
```
（2）[app.py](https://github.com/AiCorein/Flask-Files-Server/blob/main/app.py) 中设置 SECRET_KEY 值,关于该值 flask 官方的说明：
> SECRET_KEY 配置变量是通用密钥，可在 Flask 和多个第三方扩展中使用，如其名所示，加密的强度取决于变量值的随机密度。
> 不同的程序要使用不同的密钥，而且要保证其他人不知道你所用的字符串，其主要作用应该是在各种加密过程中加盐以增加安全性。在实际应用中最好将这个参数存储为系统环境变量。
建议通过随机方法获取值，采用系统变量方式存储，然后使用 `os.getenv('SECRET_KEY')` 读取
（3）定义登录用户名和密码：给 [app.py](https://github.com/AiCorein/Flask-Files-Server/blob/main/app.py) 中的 `SPECIFY_UNAME` `SPECIFY_UPWD` 常量赋值
（4）运行 [app.py](https://github.com/AiCorein/Flask-Files-Server/blob/main/app.py)
## 六、演示
[点击前往演示视频](https://www.bilibili.com/video/BV15K4y1g7Yo?share_source=copy_web)