You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

1.3 KiB

前端简易部署项目

一个基于 Koa3 和 Vue3 的前端网页部署平台,支持上传单个 HTML 文件或完整项目文件夹,提供沙盒预览、文档管理、用户权限控制等功能。

技术栈

  • 后端:Koa3 + TypeScript
  • 前端:Vue3 + TypeScript + Vite
  • 数据库:SQLite + Knex.js
  • 包管理:pnpm

快速开始

开发环境

# 1. 安装依赖
pnpm install:all

# 2. 启动开发服务器
pnpm dev

# 或分别启动
pnpm dev:backend  # 后端:http://localhost:3000
pnpm dev:frontend # 前端:http://localhost:5173

生产部署 🚀

部署

# 1. 构建项目
pnpm build

# 2. 创建环境配置
cp backend/.env.example backend/.env
# 编辑 backend/.env 修改配置

# 3. 运行数据库迁移
cd backend && pnpm migrate:prod

# 4. 启动服务
pnpm start

常用命令

pm2 status          # 查看服务状态
pm2 logs            # 查看日志
pm2 restart all     # 重启服务
pm2 stop all        # 停止服务

项目结构

just-demo/
├── backend/          # 后端服务
├── frontend/         # 前端应用
└── package.json      # 根配置

功能特性

  • 用户认证(注册、登录)
  • 网页上传(单个HTML或ZIP文件夹)
  • 项目展示和筛选
  • 沙盒预览
  • 文档管理
  • 权限控制