MkSaaS文档AI 功能
配置 Vercel AI Gateway 并体验 AI Demo
模板内置 AI Playground，提供六个按需调用的 Demo。文本、语音、图像理解和图像生成共用一个 Vercel AI Gateway 密钥。
设置
创建 AI Gateway 密钥
根据 Vercel 的 AI Gateway 控制台文档创建密钥。
运行 Demo
重启 pnpm dev，打开 AI Playground。
如果您正在设置环境，现在可以回到环境配置文档并继续。本文档的其余部分可以稍后阅读。
环境配置
设置环境变量
使用方法
| Demo | 使用方式 | 默认模型 |
|---|---|---|
| 文本摘要 | 对输入文本生成摘要 | google/gemini-2.5-flash-lite |
| 翻译 | 在支持的语言之间翻译 | google/gemini-2.5-flash-lite |
| 标语生成 | 根据产品描述生成标语 | google/gemini-2.5-flash-lite 或 openai/gpt-4o-mini |
| 文本转语音 | 选择音色并生成 WAV 音频 | openai/tts-1 |
| 图像理解 | 描述上传的图片 | google/gemini-2.5-flash-lite |
| 图像生成 | 根据提示词生成一张图片 | bfl/flux-2-klein-4b |
注意事项
请求消耗团队的 Gateway 额度。请在 Vercel 中检查余额、模型访问权限和请求限制， 公开 Demo 前设置密钥预算。免费层模型资格和提供商可用性可能变化，配置中的模型列表 不保证调用始终免费或成功。
- 缺少密钥：检查变量名，重启本地服务或重新部署。
- 认证失败：确认 Gateway 密钥有效且属于预期团队。
- 余额不足或限流：检查额度、预算和请求限制后再重试。
- 上传失败：确认图片格式和大小符合要求。
视频教程
A Complete Guide To Vercel’s AI SDK // The ESSENTIAL Tool For Shipping AI Apps
参考资料
- Vercel AI Gateway
- AI SDK
- AI Elements
- AI Gateway
- OpenAI
- Google Generative AI
- DeepSeek
- OpenRouter
- FAL
- Fireworks
- Replicate