# 前端简易部署项目
一个基于 Koa3 和 Vue3 的前端网页部署平台,支持上传单个 HTML 文件或完整项目文件夹,提供沙盒预览、文档管理、用户权限控制等功能。
## 技术栈
- 后端:Koa3 + TypeScript
- 前端:Vue3 + TypeScript + Vite
- 数据库:SQLite + Knex.js
- 包管理:pnpm
## 快速开始
### 开发环境
```bash
# 1. 安装依赖
pnpm install:all
# 2. 启动开发服务器
pnpm dev
# 或分别启动
pnpm dev:backend # 后端:http://localhost:3000
pnpm dev:frontend # 前端:http://localhost:5173
```
### 生产部署 🚀
#### 部署
```bash
# 1. 构建项目
pnpm build
# 2. 创建环境配置
cp backend/.env.example backend/.env
# 编辑 backend/.env 修改配置
# 3. 运行数据库迁移
cd backend && pnpm migrate:prod
# 4. 启动服务
pnpm start
```
#### 常用命令
```bash
pm2 status # 查看服务状态
pm2 logs # 查看日志
pm2 restart all # 重启服务
pm2 stop all # 停止服务
```
## 项目结构
```
just-demo/
├── backend/ # 后端服务
├── frontend/ # 前端应用
└── package.json # 根配置
```
## 功能特性
- 用户认证(注册、登录)
- 网页上传(单个HTML或ZIP文件夹)
- 项目展示和筛选
- 沙盒预览
- 文档管理
- 权限控制