Windows下调试Dify相关组件(1)--前端Web

myepicure8882025-01-10 21:41

1. 什么是Dify?

官方介绍：Dify 是一款开源的大语言模型(LLM) 应用开发平台。它融合了后端即服务（Backend as Service）和 LLMOps 的理念，使开发者可以快速搭建生产级的生成式 AI 应用。

这是个组件式框架，即使是非技术人员，只要会提示词编写，就可以参与到 AI 应用的开发。

官方文档：欢迎使用 Dify | Dify

源码：https://github.com/langgenius/dify.git

2. Web前端

2.1 已经安装了NodeJS+NPM

2.2 使用VS Code打开代码里的 web文件夹

2.3 安装依赖，如果提示没有权限，用管理员打开VS Code

bash 复制代码

npm install

2.4 复制web文件夹下的.env.example，将其改为.env.local

如果只调前端，且后端不在本地，那需修改.env.local里的两个配置

bash 复制代码

NEXT_PUBLIC_API_PREFIX=http://后端IP/console/api
NEXT_PUBLIC_PUBLIC_API_PREFIX=http://后端IP/api

2.5 构建代码

bash 复制代码

npm run build

2.6 启动服务

bash 复制代码

npm run start

启动之前需要修改web文件夹下的package.json，因为start里的cp命令是Linux的。

bash 复制代码

 "start": "xcopy .next\\static .next\\standalone\\.next\\static /E /I /Y && xcopy public .next\\standalone\\public /E /I /Y && cross-env PORT=$npm_config_port HOSTNAME=$npm_config_host node .next/standalone/server.js",

xcopy的参数说明：

/E: 复制所有子文件夹，包括空文件夹。

/I: 如果目标是一个文件夹，假定目标是文件夹（避免出现提示询问）

/Y: 自动覆盖（避免出现提示询问）

2.7 访问，用已有账号登录

http://localhost:3000

2.8 结束，可以开始调试前端