自助贸易免费建站,移动端网站怎么做,哪个网站域名更新快,引领网站目录 一、前言
二、环境要求
三、开发环境准备
四、调试后端代码
五、调试前端代码
六、环境变量配置【非必须】 一、前言 Flowise 是一个具备 3 个不同模块的 monorepo 工程#xff0c;这 3 个模块分别负责#xff1a; server: Node API 后端服务ui: React 前端compone…目录 一、前言
二、环境要求
三、开发环境准备
四、调试后端代码
五、调试前端代码
六、环境变量配置【非必须】 一、前言 Flowise 是一个具备 3 个不同模块的 monorepo 工程这 3 个模块分别负责 server: Node API 后端服务ui: React 前端components: Langchain 组件 二、环境要求 Node.js v16 安装 yarn v1
npmi -g yarn 三、开发环境准备
1、ForkFlowise Github Repository在新窗口打开
2、Clone 你 Fork 的仓库并 cd 到项目根目录 3、创建并切换到一个分支名字随意 4、安装依赖
yarn install 提示 安装过程可能要 10 分钟左右请耐心等待 5、构建代码
yarn build 6、在 http://localhost:3000 上启动应用非开发模式
yarn start 7、【可选】配置环境变量参考下文环境变量 8、使用开发模式启动项目
yarn dev 在开发模式下 对packages/ui或packages/server的所有改动会更新到http://localhost:8080 如果有对packages/components的改动需要重新执行yarn build使其生效 四、调试后端代码 1、在.vscode目录下创建文件launch.json 2、在 configurations 数组里创建一个配置对象主要关注以下配置 type配置类型name显示在启动下拉菜单中的名称cwd执行启动命令的绝对路径通常会用到表示 vscode 当前工作路径的变量 workspaceFolderruntimeExecutable用什么命令启动默认为 noderuntimeArgs启动命令的参数列表 3、根据 IntelliSense 设置其他你需要的配置hover 配置选项可以看到说明 4、示例配置启动命令为 yarn dev
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid830387
version: 0.2.0,
configurations: [
{
type: node,
request: launch,
name: Launch Backend,
skipFiles: [node_internals/**],
runtimeExecutable: yarn,
runtimeArgs: [dev],
cwd: ${workspaceFolder}
}
]
} 5、侧边栏切换至 Run and Debug 一栏在下拉菜单中选择我们的配置F5 启动调试
6、在packages/server中打断点测试重启调试后能够正常进入断点即可 五、调试前端代码 1、这里演示用attach模式调试前端因此要先执行yarn dev手动用开发模式启动前端工程
2、打开.vscode/launch.json文件在 configurations 数组中添加一个配置对象 3、主要关注以下配置 type配置类型这里使用 chrome 而不是 noderequest调试的请求类型可选项为 launch 和 attach这里选择 attachport用于远程调试浏览器的端口chrome 推荐的端口为 9222注意这个端口不是前端工程的运行端口而是和浏览器通信的调试用端口url要调试的前端应用的 url如果不是本地 url 相当于远程调试远程调试还有一些关键配置这里不演示webRoot表明在哪个本地目录下寻找连接到的进程正在运行的代码不是构建后的代码是源代码路径 4、示例配置
{
version: 0.2.0,
configurations: [
{
type: chrome,
name: Launch Frontend,
request: attach,
port: 9222,
url: http://localhost:8080,
webRoot: ${workspaceFolder}\\packages\\ui\\src
}
]
}5、侧边栏切换至 Run and Debug 一栏在下拉菜单中选择我们的配置F5 启动调试
6、在packages/ui中打断点测试重启调试后能够正常进入断点即可 六、环境变量配置【非必须】 分别在packages/ui和packages/server下创建.env文件可以配置前端和后端应用的环境变量所有环境变量参考environment-variables在新窗口打开
packages/ui 环境变量配置示例
PORT8080
packages/server 环境变量配置示例
PORT3000
OVERRIDE_DATABASEtrue
DATABASE_TYPEsqlite
#DATABASE_PATH/your_database_path/.flowise
#When database is not sqlite
#DATABASE_PORT
#DATABASE_HOST
#DATABASE_NAMEflowise
#DATABASE_USER
#DATABASE_PASSWORD#FLOWISE_USERNAMEuser
#FLOWISE_PASSWORD1234
#DEBUGtrue
#APIKEY_PATH/your_api_key_path/.flowise
#LOG_PATH/your_log_path/.flowise/logs
#LOG_LEVELdebug (error | warn | info | verbose | debug)
#EXECUTION_MODEmain (child | main)
#TOOL_FUNCTION_BUILTIN_DEPcrypto,fs
#TOOL_FUNCTION_EXTERNAL_DEPmoment,lodash 到此就结束了感兴趣可以自己尝试一下。
作者范轶洁| 资深前端开发工程师 版权声明:本文由神州数码云基地团队整理撰写若转载请注明出处。
公众号搜索神州数码云基地了解更多技术干货。
