LobeChat + Dify — 给客户的品牌化 AI 入口

当你想把 AI 客服包装成「我们家的 ChatGPT」公开品牌门户，LobeChat 是最现代的 UI 选择，Dify 提供后端能力。

场景: 想给客户提供品牌化 AI 聊天门户，兼有 ChatGPT 体验 + 自有知识库 + 多语言
月成本: $30 - $150
难度: 简单

LobeChatDifyChatwootCloudflare Pages

这套方案在解决什么问题#

很多公司的 AI 客服不是 widget 形态，而是希望提供一个独立子域名的公开聊天入口：

chat.your-brand.com 让客户像用 ChatGPT 一样和品牌助手聊
品牌色、Logo、欢迎语全部定制
移动端体验要好
支持文件上传 / 语音 / 多轮对话
知识库自有

「Chatwoot 网页 Widget」体验比较「客服化」，不像一个独立的 AI 产品。LobeChat 是 2026 年最被推荐的开源「品牌化 AI 聊天前端」，UI 设计达到 ChatGPT 同级，部署却极简。

架构#

何时选这套方案#

情况	适合？
想做 C 端独立 AI 聊天产品	✓
客户期待「ChatGPT 同款」体验	✓
多语言、强移动端要求	✓
主要做内部坐席副驾	✗ 用 AnythingLLM
主要做多渠道客服（WhatsApp / 邮件）	✗ Chatwoot 主导

组件分工#

组件	角色	资源
LobeChat	前端 + 用户体系 + 对话管理	1 容器（或 Vercel）
Dify	知识库 + Prompt + 工作流	1 节点
Chatwoot	转人工兜底	1 节点（可选）
PostgreSQL	LobeChat 数据	1 容器

部署步骤#

1. 部署 LobeChat#

最简单：Vercel 一键部署：

# Fork lobehub/lobe-chat 后在 Vercel 导入
# 环境变量：
#   OPENAI_API_KEY=app-xxxxx  (其实是 Dify 的 key)
#   OPENAI_PROXY_URL=https://dify.example.com/v1
#   DATABASE_URL=postgresql://...
#   NEXTAUTH_SECRET=（随机 32 字节）
#   AUTH_GOOGLE_ID=...  (可选 OAuth)

或 Docker：

docker run -d --name lobechat \
  -p 3210:3210 \
  -e DATABASE_URL=postgresql://... \
  -e OPENAI_PROXY_URL=https://dify.example.com/v1 \
  -e OPENAI_API_KEY=app-xxxxx \
  lobehub/lobe-chat-database

2. 配置 Dify 后端#

在 Dify 创建两个 Chatbot 应用：

公开应用：用公开 FAQ 知识库，匿名访客用
私域应用：用客户专属知识库（含订单、账单等），已认证用户用

各自拿到 API Key（app-xxxxxxxx）。

3. 把 LobeChat 配为「自定义 OpenAI 兼容」#

LobeChat 后台 → 设置 → AI 服务商 → 添加 OpenAI 兼容：

字段	值
名称	我们家 AI 助手
API URL	`https://dify.example.com/v1`
API Key	`app-xxxxxxxx`
模型列表	`gpt-3.5-turbo`（Dify 忽略此字段，用你 Bot 配的模型）

LobeChat 会以 OpenAI 协议请求 Dify，Dify 用你绑定的实际模型回复。

4. 品牌化#

LobeChat 控制台支持自定义：

Logo、Favicon
主题色（CSS 变量）
欢迎语
隐藏「LobeChat」品牌字（开源版可改）

进阶：fork 仓库改 public/ 与 src/styles/。

5. 转人工兜底（可选）#

LobeChat 没有原生「转人工」按钮，但可以在 Dify 工作流里检测「转人工」意图：

关键调优#

用户分层#

匿名 vs 已登录的客户用完全不同的知识库：

匿名：仅公开 FAQ、产品介绍、价格
已登录：可查订单、账单、个人化推荐

LobeChat 支持 Email / Google / GitHub 等 OAuth。

多语言#

LobeChat 自带 i18n，UI 自动跟随浏览器语言。Dify Prompt 里加：

检测用户语言并用同语言回复。
检索知识库时统一用英语 query。

参考出海多语言方案。

移动端#

LobeChat 的 PWA 体验出色：

用户可「加到主屏」
离线时显示历史记录
安卓 / iOS 都能调用

限流防滥用#

公开聊天入口容易被 bot 灌爆：

LobeChat 前置 Cloudflare Turnstile
Dify 应用设月度 token 上限
单 IP 每分钟限速 60 次

成本估算#

部署模式	月成本
Vercel + Dify 自部署 + LLM	$40-80
全 Docker 自部署（4C/8G VPS）	$30-60
高并发（含 CDN + 多节点）	$100-300

收益数据#

某 B2C SaaS 上线 6 周：

指标	上线前（Widget）	上线后（LobeChat 子域）
月活聊天用户	1,200	4,500
单用户日均消息数	2.3	6.8
移动端使用占比	18%	47%
客服工单数	不变	不变（说明 AI 接住了增量）

关键发现：独立子域 AI 入口能显著拉新（用户主动收藏 / 分享链接），比 widget 流量大 3 倍以上。

常见坑#

LobeChat 升级 breaking：社区版迭代快，每次升级前在测试环境跑
Dify 兼容性：LobeChat 的 OpenAI 客户端要 streaming 支持，Dify 默认开启即可
会话历史隐私：LobeChat 默认存所有对话，敏感场景需要给用户「清除」入口
OAuth 回调：Vercel 部署后回调 URL 要在 OAuth Provider 里配
Pricing 提示：LobeChat 协议允许自部署但限 SaaS 转售——别把这套包装成自家 SaaS 卖

演进路径#

阶段	加什么
1. 基础	LobeChat + Dify
2. 用户体系	OAuth + 个性化偏好
3. 转人工	接 Chatwoot 兜底
4. 多场景	给不同业务线建多个 Workspace
5. 高级	加 MCP 工具调用、文件上传、语音