用途:该指南说明如何在 Remix 应用中集成 Vercel AI SDK,用于构建 AI 聊天机器人、文本补全与智能体,并可结合 Shopify 应用使用。SDK 对多模型提供商的差异、流式传输与状态管理做了抽象。
安装:npm install ai @ai-sdk/openai
服务端流式响应:在 Remix 的 action 中使用 streamText,返回 result.toDataStreamResponse()。示例从 @ai-sdk/openai 引入 openai 模型(如 gpt-4-turbo)。
客户端 UI:在 React 组件中使用 useChat(来自 'ai/react')管理消息状态与输入,配置 api 指向上述 action,并通过 handleSubmit、handleInputChange 处理表单。
Shopify 上下文注入:在 action 中通过 authenticate.admin(request) 获取 session,用 Mongoose 查询该店铺商品,将数据序列化后作为 system 消息注入,使模型了解当前店铺与相关商品。
部署与限制:流式在 Vercel、Fly.io 和 VPS 开箱可用;使用标准 Node.js 适配器时需服务器支持标准 Web Streams(Node 18+)。资料未提供限流、鉴权、错误处理、价格与模型可用性的具体说明。