LangBot Docs
Dify

把 Dify 接入网页聊天挂件

使用 LangBot 把 Dify 应用接入网页聊天挂件：Dify 配置、机器人凭据、网络要求、测试与常见问题。

本文把你的 Dify 应用接到网页聊天挂件机器人上。LangBot 接收网页聊天挂件消息，交给流水线处理后把答案发回去，你不需要写任何平台对接代码。

Dify 可以搭建聊天助手、Chatflow、Agent 和工作流。LangBot 通过 Service API 调用你发布的应用，提示词、工具和知识库都留在 Dify 里维护。

准备工作

  • 一个运行中的 LangBot：LangBot Cloud（无需服务器），或用 Docker、uvx langbot 自行部署。
  • LangBot 能通过网络访问到的 Dify 账号或实例。
  • 不需要第三方凭据。可选：用于防刷的 Cloudflare Turnstile Site Key 和 Secret Key。

网络要求

访客的浏览器会直接连接 LangBot，因此 LangBot 需要可公网访问的 HTTPS 地址；LangBot Cloud 自带。

1. 准备 Dify

  1. 在 Dify 中搭建并 发布 聊天助手（含 Chatflow）、Agent 或工作流应用。
  2. 进入应用的 访问 API 页面生成 API Key。
  3. 如果是工作流应用，请用 summary 作为输出变量名。

2. 创建流水线

在 LangBot WebUI 打开 流水线，新建流水线（或编辑默认流水线），按下表配置 AI 能力。如果列表里没有对应运行器，请先在 插件 或 LangBot Space 插件市场 安装官方运行器插件。

配置项填写
运行器Dify（官方 Dify Agent 运行器插件）
Base URLDify 云服务填 https://api.dify.ai/v1；自部署填你的 Dify 地址并加上 /v1
API Key应用访问 API 页面生成的密钥

3. 创建网页聊天挂件机器人

  1. 新建机器人，选择 网页机器人 适配器并绑定流水线。
  2. 把嵌入代码放进你的网站，并把其中的 localhost:5300 换成 LangBot 的公网地址。

4. 绑定并测试

打开机器人，选择刚才创建的流水线，保存并确认机器人已启用。

打开嵌入了挂件的网页，发起对话。

常见问题排查

  • 自部署的 Dify 与 LangBot 在同一台机器的 Docker 中：让两边加入同一个 Docker 网络，用容器地址（例如 http://dify-nginx/v1），不要用 localhost。
  • Chatflow 应用只会返回 “直接回复” 节点输出的内容。
  • 挂件加载不出来：嵌入代码仍指向 localhost，或 LangBot 地址没有使用 HTTPS。
  • 在 WebUI 的 监控 页面可以看到每条消息、每次流水线运行和错误详情。

常见问题

接入网页聊天挂件需要有公网 IP 的服务器吗？

需要，或者直接使用 LangBot Cloud。访客的浏览器会直接连接 LangBot，因此 LangBot 需要可公网访问的 HTTPS 地址；LangBot Cloud 自带。

网页聊天挂件机器人支持流式回复吗？

请查看平台功能对照表了解该平台支持的能力；AI 后端生成完成后会一次性发送回复。

同一套 Dify 配置能同时用在其他平台吗？

可以。一条流水线可以绑定多个机器人，同一套配置能同时在多个平台上回复。

相关文档

把 Dify 接入Mattermost

使用 LangBot 把 Dify 应用接入Mattermost：Dify 配置、机器人凭据、网络要求、测试与常见问题。

把 n8n 接入Telegram

使用 LangBot 把 n8n 应用接入Telegram：n8n 配置、机器人凭据、网络要求、测试与常见问题。

On this page

准备工作网络要求1. 准备 Dify2. 创建流水线3. 创建网页聊天挂件机器人4. 绑定并测试常见问题排查常见问题接入网页聊天挂件需要有公网 IP 的服务器吗？网页聊天挂件机器人支持流式回复吗？同一套 Dify 配置能同时用在其他平台吗？相关文档