背景：单独拆分前端出来部署，二开前后端
本文档专注于 Dify Web 前端的部署流程和配置，适用于需要将项目部署到各种环境的运维人员和开发者。
1. 环境准备
1.1 部署环境要求
- Node.js >= 18.17.0
- Nginx 或其他Web服务器（生产环境推荐）
- Docker（可选，用于容器化部署）
1.2 部署前配置
在部署前，需要确定以下配置：
- 后端API服务地址
- 市场API服务地址（如果使用）
- 部署模式（独立服务器、Docker等）
- 环境类型（测试、生产等）
2. 构建项目
2.1 获取源码
# 克隆仓库
git clone https://github.com/langgenius/dify.git
cd dify/web# 安装依赖
pnpm install
2.2 配置环境变量
在构建前配置正确的环境变量：
- 创建
.env.production文件：
# API路径配置
NEXT_PUBLIC_API_PREFIX=/console/api
NEXT_PUBLIC_PUBLIC_API_PREFIX=/api
NEXT_PUBLIC_MARKETPLACE_API_PREFIX=/marketplace/api
NEXT_PUBLIC_MARKETPLACE_URL_PREFIX=/marketplace# 版本配置
NEXT_PUBLIC_EDITION=SELF_HOSTED# 其他配置
NEXT_PUBLIC_SUPPORT_MAIL_LOGIN=false
2.3 执行构建
# 执行生产构建
pnpm build
构建结果将生成在：
.next/standalone- 独立部署包.next/static- 静态资源文件
3. 部署方式
3.1 独立服务器部署
3.1.1 准备文件
# 复制静态资源到独立部署包
cp -r .next/static .next/standalone/.next/static
cp -r public .next/standalone/public# 将整个 standalone 目录复制到服务器
scp -r .next/standalone user@server:/path/to/deployment/
3.1.2 启动服务
在服务器上运行：
cd /path/to/deployment/standalone
PORT=3000 HOSTNAME=0.0.0.0 node server.js
建议使用 PM2 等进程管理工具来管理服务：
# 使用PM2启动并管理服务
npm install -g pm2
pm2 start server.js --name dify-web -- --port 3000 --hostna
)
.)