Dify Web 前端独立部署指南（与后端分离，独立部署）

背景：单独拆分前端出来部署，二开前后端

本文档专注于 Dify Web 前端的部署流程和配置，适用于需要将项目部署到各种环境的运维人员和开发者。

1. 环境准备

1.1 部署环境要求

• Node.js >= 18.17.0
• Nginx 或其他Web服务器（生产环境推荐）
• Docker（可选，用于容器化部署）

1.2 部署前配置

在部署前，需要确定以下配置：

1. 后端API服务地址
2. 市场API服务地址（如果使用）
3. 部署模式（独立服务器、Docker等）
4. 环境类型（测试、生产等）

2. 构建项目

2.1 获取源码

# 克隆仓库
git clone https://github.com/langgenius/dify.git
cd dify/web

# 安装依赖
pnpm install

2.2 配置环境变量

在构建前配置正确的环境变量：

1. 创建 .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