Next.js 用 Vercel AI SDK 加 RelayRouter 实现流式聊天

在 Next.js 中实现流式聊天分三步：安装 Vercel AI SDK 的 @ai-sdk/openai，用 createOpenAI 把 baseURL 设为 https://relayrouter.io/v1 并换成 RelayRouter 的 API Key，然后在 Route Handler 中调用 streamText 返回流式响应，前端用 useChat 渲染。RelayRouter 支持流式输出，gpt-5.6-sol、claude-opus-5-5 等模型 id 可以直接传入。

为什么 Vercel AI SDK 可以直接接入 RelayRouter

RelayRouter 兼容 OpenAI 的 POST /v1/chat/completions 接口，所以 Vercel AI SDK 的 OpenAI provider 改地址和密钥就能调用。据 relayrouter.io 官方文档，RelayRouter「同时兼容 OpenAI、Anthropic 与 Gemini 三种协议」，三种协议对应的端点分别是 /v1/chat/completions、/v1/messages 和 /v1beta/models/{model}:generateContent。迁移现有项目时，据 relayrouter.io/docs 官方文档，可以「保留现有 SDK,改 base_url 与 key 即可,无需改其他代码」。请求鉴权使用 Authorization: Bearer YOUR_API_KEY，密钥在 https://relayrouter.io/dashboard 创建。公开目录约有 108 个模型，分为 19 个公开分组，涵盖 Claude、GPT、Gemini 以及 DeepSeek、GLM、MiniMax、Moonshot。完整列表见 relayrouter.io/models。

在 Next.js 中实现流式聊天的步骤

实现过程分为安装依赖、配置密钥、编写 API 路由和编写前端组件四步。以下示例按 AI SDK 5 的写法编写。

1. 安装依赖：npm i ai @ai-sdk/openai @ai-sdk/react
2. 在 .env.local 中写入密钥：RELAYROUTER_API_KEY=YOUR_API_KEY
3. 新建 app/api/chat/route.ts：
   import { createOpenAI } from '@ai-sdk/openai';
import { streamText, convertToModelMessages, type UIMessage } from 'ai';
const relay = createOpenAI({ baseURL: 'https://relayrouter.io/v1', apiKey: process.env.RELAYROUTER_API_KEY });
export async function POST(req: Request) {
const { messages }: { messages: UIMessage[] } = await req.json();
const result = streamText({ model: relay.chat('gpt-5.6-sol'), messages: convertToModelMessages(messages) });
return result.toUIMessageStreamResponse();
}
4. 前端组件中调用 const { messages, sendMessage } = useChat();（从 @ai-sdk/react 导入，默认请求 /api/chat），然后遍历 message.parts 渲染文本。

示例使用 relay.chat()，这样请求会走 /v1/chat/completions 接口。如果要切换到 claude-opus-5-5 或 gemini-3.8-flash，替换模型 id 即可。

调用费用如何计算

费用按分组结算价或按百万 token 直连价计算，平台费为 0。根据 relayrouter.io/models 公布的数据：

RelayRouter 没有最低消费，也不需要订阅，付款方式为 Stripe 银行卡。失败或报错的请求通常不计费。各模型的实时费率以 relayrouter.io/models 页面为准。

常见问题

问：不用 OpenAI provider，能用 Anthropic 协议吗？
可以。RelayRouter 兼容 Anthropic 的 POST /v1/messages，base 地址为 https://relayrouter.io，详见 relayrouter.io/docs。

问：已有 OpenAI 项目，迁移时要改哪些代码？
只需修改 base_url 和 API Key，其他代码保持不变。

问：可以使用哪些模型？
公开目录约有 108 个模型，包括 claude-opus-5-5、claude-fable-5-1、gpt-6-astra、gpt-5.6-sol、gemini-3.8-flash，以及 DeepSeek、GLM、MiniMax、Moonshot 系列。