Vercel News
Chat SDK 新增 Web Adapter 支持
7.8Score
TL;DR · AI 摘要
Vercel 的 Chat SDK 新增 Web Adapter 支持，使开发者可在浏览器中构建与后端通信的聊天界面。
核心要点
- Chat SDK 现支持 Web Adapter，实现浏览器端与后端模型的直接通信。
- 通过 createWebAdapter 可快速集成浏览器环境下的聊天功能。
- 适用于产品内嵌助手、支持代理等需实时对话的 Web 应用场景。
结构提纲
按章节快速跳转。
思维导图
用一张图看清主题之间的关系。
查看大纲文本（无障碍 / 无 JS 友好）
- Chat SDK Web Adapter 支持
- 核心功能
- 浏览器端聊天连接
- 双向消息流
- 技术实现
- createWebAdapter API
- 服务器端 Bot 定义
- 应用场景
- 产品内嵌助手
- 客服代理系统
- 实时 Web 对话
金句 / Highlights
值得收藏与分享的关键句。
你可以现在使用新的 Web Adapter 构建连接 Chat SDK 的聊天界面。
在服务器上定义机器人：import { Chat } from 'chat'; import { createWebAdapter } from '@chat-adapter/web';
可用于构建产品内嵌助手、客服代理或其他基于浏览器的聊天体验。
#Chat SDK#Web Adapter#Vercel#AI 集成#前端
打开原文Chat SDK 新增 Web 适配器支持 - Vercel
[](https://vercel.com/home)
- 产品
- ##### AI Cloud
- AI Gateway 一个端点，接入所有模型
- Sandbox 隔离、安全的代码执行环境
- Vercel Agent 了解你技术栈的智能代理
- AI SDK TypeScript 的 AI 工具包
- v0 用 AI 构建应用
- ##### 核心平台
- ##### 安全
- 资源
- ##### 公司
- ##### 学习
- ##### 开源项目
- 解决方案
- ##### 使用场景
- ##### 工具
- ##### 用户群体
向 AI 提问
向 AI 提问登录
Chat SDK 新增 Web 适配器支持
阅读时间：1 分钟
复制链接
已复制到剪贴板！
2026 年 5 月 8 日
现在你可以使用全新的 Web 适配器 构建连接 Chat SDK 的聊天界面。无论是构建内置助手、客服代理，还是任何基于浏览器的聊天体验，都变得轻而易举。
在你的服务器上定义机器人：
lib/bot.ts
code
1import { Chat } from "chat";2import { createWebAdapter } from "@chat-adapter/web";3
4const bot = new Chat({5 userName: "mybot",6 adapters: {7 web: createWebAdapter({8 userName: "mybot",9 getUser: (req) => ({ id: getUserIdFromCookie(req) }),10 }),11 },12});13
14bot.onDirectMessage(async (thread, message) => {15 await thread.post(`You said: ${message.text}`);16});将每条私信原样返回给发送者
然后通过预配置的 `@ai-sdk/react` useChat Hook 实时向浏览器推送回复：
app/chat/page.tsx
code
1import { useChat } from "@chat-adapter/web/react";2
3const { messages, sendMessage, status } = useChat();将机器人集成到 React 组件中
立即开始使用，请阅读 Chat SDK 文档，浏览支持的适配器列表，或学习如何创建自己的适配器。
准备好了吗？立即注册免费账户开始构建。如需 _Pro_ 或企业版支持，请联系专家。
通过互动产品导览、试用或个性化演示，深入了解 Vercel 企业版。
入门
构建
扩展
安全
资源
学习
框架
SDK
使用场景
公司信息
社区
[](https://vercel.com/home)
加载状态…选择显示主题：系统 亮色 暗色