进阶 v0.app 2026-10-11 05:48:25 · 40 阅读

第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

评论 (0)