进阶 v0.app 2026-10-11 05:48:25 · 41 阅读
第1章 v0 API 第1章:构建自定义应用生成体验
概览
用 v0 API 构建自定义的应用生成体验
v0 API 让你的产品获得 v0 的应用构建智能体能力,包括代码生成、安全的实时预览、集成,以及部署到 Vercel。
只需一次 API 调用,就能从一段提示词生成全栈应用:
import { v0 } from 'v0'
const result = await v0.chats.create({
message: 'Create a project management dashboard with a kanban board',
})
if (result.error) {
throw new Error(result.error.message)
}
console.log('Created chat:', result.data.chat.id)
为什么使用 v0 API?
构建应用生成体验不只是生成代码那么简单。你需要一个能规划并持续迭代的智能体、一个运行其产出的安全环境,以及一条从提示词到生产级应用的路径。v0 API 通过一个接口提供了完整的工作流。
主要优势包括:
- 智能体式应用生成:从自然语言创建全栈应用,并通过后续消息持续迭代。
- 安全的实时预览:运行生成的应用并嵌入预览,无需向浏览器暴露凭据。
- 可扩展的工作流:连接 MCP 服务器、集成、环境变量和设计系统。
- 内置部署:将生成的应用直接部署到 Vercel,无需自建部署基础设施。
v0 API 支持以下核心工作流:
- 通过 Chats 和 Messages API 生成应用并持续迭代。
- 使用 @v0-sdk/react 和 AI SDK 构建自定义聊天界面。
- 通过带鉴权的 iframe URL 在产品中安全嵌入实时预览。
- 通过 v0 MCP 服务器或 AI SDK 工具为智能体添加应用生成能力。
快速开始
从一个完整的应用生成前端项目入手:
npx create-v0-sdk-app
这个起步项目内置了带实时预览的完整聊天界面。按照 Quickstart 配置起步项目,或将 v0 接入现有应用。
参考与迁移
- 从 v1 迁移到 v2
- 浏览端点参考文档
下一篇:Quickstart