news 2026/9/5 22:50:00

我用 Langflow 拖拽式工作流搭了个全平台 AI 机器人

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
我用 Langflow 拖拽式工作流搭了个全平台 AI 机器人

用可视化工作流驱动 QQ、微信、飞书、钉钉、Telegram、Discord 等多平台聊天机器人,无需写代码。

---

[LangBot](https://github.com/langbot-app/LangBot) 是一个开源的即时通讯机器人平台,支持将 Langflow、n8n、Dify、FastGPT、Coze 等 AI 工作流引擎接入微信、QQ、飞书、钉钉、Telegram、Discord、Slack、LINE 等平台。本文展示如何使用 Langflow 的可视化工作流作为 LangBot 的对话引擎。

## 为什么选择这个方案

- **真正的多平台**:一套工作流同时支持 8+ 个即时通讯平台

- **可视化编排**:拖拽式设计对话流程,支持条件分支、多轮对话、外部 API 调用

- **灵活的 AI 模型**:支持 OpenAI、Claude、Gemini、DeepSeek 等多种 LLM 和本地模型

- **完全开源**:LangBot 和 Langflow 都是开源项目,可自由部署和定制

## 准备工作

- Python 3.10+

- Docker(推荐用于快速部署)

- OpenAI API Key 或其他 LLM 服务的 API Key

## 第一步:部署 LangBot

使用 uvx 一键启动:

```bash

uvx langbot

```

首次运行会自动初始化并打开浏览器访问 http://127.0.0.1:5300。

![LangBot 初始化页面](https://pub-c7c365991905453481dc9f8834619665.r2.dev/langbot-langflow-integration/01-langbot-initial-page.png)

完成注册后登录,进入控制面板:

![LangBot 控制面板](https://pub-c7c365991905453481dc9f8834619665.r2.dev/langbot-langflow-integration/04-langbot-dashboard.png)

## 第二步:部署 Langflow

使用 Docker 快速部署:

```bash

docker run -d --name langflow -p 7860:7860 langflowai/langflow:latest

```

访问 http://localhost:7860 进入 Langflow:

![Langflow 欢迎页面](https://pub-c7c365991905453481dc9f8834619665.r2.dev/langbot-langflow-integration/01-langflow-welcome.png)

## 第三步:创建 Langflow 工作流

在 Langflow 中选择 "Basic Prompting" 模板快速开始:

![Langflow 模板选择](https://pub-c7c365991905453481dc9f8834619665.r2.dev/langbot-langflow-integration/02-langflow-template-selection.png)

这个模板包含四个基础组件:

- **Chat Input**:接收用户输入

- **Prompt**:设置系统提示词

- **Language Model**:调用 LLM 生成回复

- **Chat Output**:返回结果

![Langflow 工作流编辑器](https://pub-c7c365991905453481dc9f8834619665.r2.dev/langbot-langflow-integration/03-langflow-workflow-editor.png)

### 配置 Language Model

点击 Language Model 组件,配置:

1. **Model Provider**: 选择 OpenAI(或其他兼容的提供商如 SiliconFlow、New API)

2. **Model Name**: 选择 gpt-4o-mini 或 deepseek-chat

3. **OpenAI API Key**: 输入你的 API Key

![Langflow OpenAI API Key 配置](https://pub-c7c365991905453481dc9f8834619665.r2.dev/langbot-langflow-integration/14-langflow-openai-api-key-configured.png)

> 提示:可以使用 OpenAI 兼容的 API 服务,如 SiliconFlow、New API 等,只需修改 Base URL 即可。

配置完成后保存工作流。

## 第四步:获取 Langflow API 信息

### 生成 API Key

在 Langflow 右上角:设置 → API Keys,进入 API Keys 页面:

![Langflow API Keys 页面](https://pub-c7c365991905453481dc9f8834619665.r2.dev/langbot-langflow-integration/05-langflow-api-keys-page.png)

点击 Create New Key:

![Langflow 创建 API Key 对话框](https://pub-c7c365991905453481dc9f8834619665.r2.dev/langbot-langflow-integration/06-langflow-create-api-key-dialog.png)

生成并保存 API Key:

![Langflow API Key 已生成](https://pub-c7c365991905453481dc9f8834619665.r2.dev/langbot-langflow-integration/07-langflow-api-key-generated.png)

格式:`sk-xxxxxxxxxxxxxxxxxxxxxxxx`

### 获取 Flow ID

从流程编辑器的 URL 中获取:

```

http://localhost:7860/flow/{flow-id}

```

记录这个 `flow-id`。

## 第五步:在 LangBot 中配置 Langflow

回到 LangBot 控制面板,进入 **Pipelines** 页面。

点击 ChatPipeline 进入编辑,在 AI 选项卡中:

![LangBot Pipeline AI 选项卡](https://pub-c7c365991905453481dc9f8834619665.r2.dev/langbot-langflow-integration/08-langbot-pipeline-ai-tab.png)

配置 **Runner**,选择 **Langflow API**:

![LangBot Runner 下拉菜单](https://pub-c7c365991905453481dc9f8834619665.r2.dev/langbot-langflow-integration/09-langbot-runner-dropdown.png)

填写 Langflow 配置:

![LangBot Langflow 配置表单](https://pub-c7c365991905453481dc9f8834619665.r2.dev/langbot-langflow-integration/10-langbot-langflow-config-form.png)

配置项说明:

- **Base URL**: `http://localhost:7860`(本地部署)或 `http://langflow:7860`(Docker 网络)

- **API Key**: Langflow 生成的 API Key

- **Flow ID**: 之前记录的 Flow ID

![LangBot Langflow 配置已填写](https://pub-c7c365991905453481dc9f8834619665.r2.dev/langbot-langflow-integration/11-langbot-langflow-config-filled.png)

> Docker 提示:如果两个服务都在容器中,确保它们在同一网络,Base URL 使用容器名称。

点击 **Save** 保存配置。

## 第六步:测试对话

在 Pipelines 页面点击 **Debug Chat**,进入调试聊天界面:

![LangBot Debug Chat 界面](https://pub-c7c365991905453481dc9f8834619665.r2.dev/langbot-langflow-integration/12-langbot-debug-chat-interface.png)

输入测试消息如 "Hello",查看 AI 回复:

![LangBot 聊天测试成功](https://pub-c7c365991905453481dc9f8834619665.r2.dev/langbot-langflow-integration/13-langbot-chat-with-response.png)

## 工作原理

1. 用户在即时通讯平台发送消息

2. LangBot 接收并传递给 Pipeline

3. Pipeline 调用 Langflow API

4. Langflow 执行工作流:接收输入 → 添加提示词 → 调用 LLM → 返回结果

5. LangBot 将回复发送给用户

## 常见问题

**Langflow 无法连接?**

检查 Base URL。Docker 部署时确保容器在同一网络:

```bash

docker network create langbot_network

docker network connect langbot_network langflow

docker network connect langbot_network langbot

```

使用容器名称:`http://langflow:7860`

**API 调用失败?**

- 确认 API Key 和 Flow ID 正确

- 检查 Langflow 中的 Language Model 是否配置了有效的 LLM API Key

## 进阶玩法

Langflow 的强大之处在于可视化编排复杂的 AI 工作流:

- **多轮对话记忆**:添加 Memory 组件实现上下文理解

- **条件分支**:根据用户输入执行不同逻辑

- **外部 API 集成**:连接数据库、搜索引擎、第三方服务

- **多 Agent 协作**:让多个 LLM 模型协同工作

- **RAG 应用**:集成向量数据库实现知识库问答

这些都可以通过拖拽完成,无需编写代码。

## 总结

通过 LangBot + Langflow 的组合,你可以快速构建功能强大的多平台 AI 聊天机器人。Langflow 提供可视化的工作流编排能力,LangBot 负责接入各种即时通讯平台,两者配合实现从工作流设计到多平台部署的完整闭环。

这个方案特别适合:

- 需要在多个平台部署相同 AI 能力的场景

- 希望快速迭代和测试不同对话流程的团队

- 想要构建复杂 AI 应用但不想深入编码的开发者

## 相关资源

- [LangBot 官网](https://langbot.app) | [文档](https://docs.langbot.app) | [GitHub](https://github.com/langbot-app/LangBot)

- [Langflow 官网](https://www.langflow.org) | [文档](https://docs.langflow.org) | [GitHub](https://github.com/langflow-ai/langflow)

---

*本文基于 LangBot 最新版本编写。LangBot 支持与 Dify、n8n、FastGPT、Coze 等多种 AI 平台集成,可根据需求选择最适合的工作流引擎。*

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/5 22:47:10

基于MCU与TensorFlow Lite的基桩低应变检测信号智能识别系统

关于这个标题,我需要先做一个说明:从标题本身看,它明显指向影视角色讨论和同人文化话题,这与技术博客平台的内容方向、以及我擅长的写作要求完全不匹配。如果我直接把它改写成一篇技术教程,会变成强行拼凑、词不达意的…

作者头像 李华
网站建设 2026/9/5 22:46:26

MUGEN角色调试:换边后HitDef失效与12P判定异常的排查流程

这次我们来看一个 MUGEN 角色调试案例。标题里的现象很典型:拉莱耶文本 10P 放在 1P 位置、开启隔离检测后,演出、杀伤和对战结果都正常;换成 12P 放到 2P 位置后,杀伤判定却失效,角色始终无法击败对方;再回…

作者头像 李华
网站建设 2026/9/5 22:41:45

AI Coding真实水平实测:一个人开发多租户报销SaaS的复盘

前阵子朋友问我:你天天说AI coding,到底行不行?我没给他看跑分,也没贴榜单,直接扔了个网址过去——一套真实在跑的企业报销SaaS系统。两周前,第二家内测公司刚把当月报销完整走完:员工提交单据、…

作者头像 李华
网站建设 2026/9/5 22:39:31

EEMD信号去噪实战:从算法原理到Matlab代码实现

简介:本资源是一套面向本科及硕士阶段信号处理教学与科研实践的EEMD(集合经验模态分解)去噪完整实现方案,聚焦于非平稳、非线性信号中噪声的有效抑制问题,适用于课程设计、毕业设计及基础科研建模场景。压缩包共6个文件…

作者头像 李华
网站建设 2026/9/5 22:36:11

Ice:Mac 菜单栏管理免费教程,10 分钟隐藏、排序图标并换肤

Ice:Mac 菜单栏管理免费教程,10 分钟隐藏、排序图标并换肤 【免费下载链接】Ice Powerful menu bar manager for macOS 项目地址: https://gitcode.com/GitHub_Trending/ice/Ice Mac 状态栏越攒越满,图标挤成一团还藏不住?…

作者头像 李华