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

news/2025/1/14 23:32:07/
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

npm install

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

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

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

 2.5 构建代码

npm run build

2.6 启动服务

npm run start

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

 "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 结束,可以开始调试前端


http://www.ppmy.cn/news/1563165.html

相关文章

Python贪心

贪心 贪心:把整体问题分解成多个步骤,在每个步骤都选取当前步骤的最优方案,直至所有步骤结束;每个步骤不会影响后续步骤核心性质:每次采用局部最优,最终结果就是全局最优如果题目满足上述核心性质&#xf…

利用AI提升SEO效果的关键词优化策略

AI在SEO中的重要性 在当前数字化时代,网站的可见性和可达性变得尤为重要,而搜索引擎优化(SEO)则是提升网站流量和展示机会的关键。人工智能(AI)的引入为SEO领域注入了新的活力,使得优化过程更为…

C++类的引入

C中类的前身 1> 面向对象三大特征:封装、继承、多态 2> 封装:将能够实现某一事物的所有万事万物都封装到一起,包括成员属性(成员变量),行为(功能函数)都封装在一起&#xff…

【巨实用】Git客户端基本操作

本文主要分享Git的一些基本常规操作,手把手教你如何配置~ ● 一个文件夹中初始化Git git init ● 为了方便以后提交代码需要对git进行配置(第一次使用或者需求变更的时候),告诉git未来是谁在提交代码 git config --global user.na…

用 Python 从零开始创建神经网络(十九):真实数据集

真实数据集 引言数据准备数据加载数据预处理数据洗牌批次(Batches)训练(Training)到目前为止的全部代码: 引言 在实践中,深度学习通常涉及庞大的数据集(通常以TB甚至更多为单位)&am…

django网上商城系统

Django网上商城系统是一种基于Django框架构建的电子商务解决方案,它充分利用了Django框架的强大功能,为开发者提供了一个快速构建在线商店的平台。 一、系统架构与技术栈 Django网上商城系统采用MVC(模型-视图-控制器)架构&…

Linux服务器查看【可用端口号连接】的命令和方式【netstat,ss,lsof】

Linux服务器查看可用连接的端口号的命令和方式 前言:1. 使用netstat命令(netstat命令详解及使用指南)一、什么是netstat二、基本使用方法与参数解释三、输出结果字段含义:四、查找可用于SSH连接的端口示例五、部分高级用法&#x…

Java阶段四04

第4章-第4节 一、知识点 CSRF、token、JWT 二、目标 理解什么是CSRF攻击以及如何防范 理解什么是token 理解什么是JWT 理解session验证和JWT验证的区别 学会使用JWT 三、内容分析 重点 理解什么是CSRF攻击以及如何防范 理解什么是token 理解什么是JWT 理解session验…