usehook
JavaScript 核心进阶SUPER CSSReact 18 . 基础版React 18 架构 . 尊享版React 19 . 基础版React 19 架构 . 尊享版React Queryzustand爆锤面试官之 React 原理面试React Native 跨平台进阶NextJS 16 实战进阶图解算法少数人架构师思维下的 AI 编程实践AI 电子伴侣企业级实战LangChain PythonSpring Boot 企业级开发动画
登录usehook 账号
usehook
AI 电子伴侣
目录 · 244学习路径
目录 · 244学习路径
首页最新:从第一篇开始
141Vercel AI SDK142三层架构143第一次调用144模型 Provider 生态145消息协议146Prompt 工程 × AI SDK147UIMessageStream148结构化输出149Tool Calling150多步推理151聊天 UI 标准实现152UI Message Parts153结构化输出流式 UI154RSC 流式 UI155AI SDK × Hono156缓存、限流、Fallback157可观测性:Telemetry158MCP 客户端159自建 MCP 服务端160与 LangChain 协同161重构端到端 AI Chat
创建时间: 2026-04-18最后更新: 2026-08-04作者: yangbo(dd1575869)

1. 本篇目标

前面我们做过一个端到端 AI Chat demo:

正在验证登录状态
请稍候,验证完成后将继续显示文章内容
  • 1. 本篇目标
  • 2. 项目结构
  • 3. 共享 schema(契约层)
  • 4. 后端:Hono + AI SDK 主接口
  • 4.1 入口
  • 4.2 /chat 路由
  • 4.3 tools
  • 4.4 带中间件的 model
  • 5. 前端:Next.js + useChat
  • 5.1 页面
  • 5.2 Chat 组件
  • 5.3 Message 组件(UI Parts 分发)
Previous

与 LangChain 协同

Next

创建项目

不费脑的 AI 原理
印刻君头像印刻君
让 AI 知识有温度,技术落地有深度
立即查看
0
首页200 元 · 订阅订阅