Cloudflare Vibe SDK

Cloudflare 刚刚开源了名为 VibeSDK 的工具，它就像 Replit 和 ChatGPT 的结合体，可以一键将代码部署到 Cloudflare。

而且它是免费且完全开源的。

这款工具让任何人都能用简单的英语描述应用需求，轻松构建应用程序。例如，只需说——

“嘿，帮我做一个带登录功能的待办事项应用。”然后，砰！整个系统就启动了：前端、后端、部署、线上 URL，应有尽有。

简直太神奇了。

1、那么，这到底是怎么回事？

简而言之：VibeSDK 为您提供专属沙箱——一个安全的云端环境。然后，AI 会生成代码、安装依赖项、运行开发服务器，并提供公开预览链接。

最棒的是什么？每个应用都是隔离的，因此您不会意外破坏任何东西，也不会干扰其他人的项目。

这就像拥有一个永不睡觉、永不抱怨、无需续杯咖啡的专属虚拟开发者。

2、系统内部运作

好了，让我们抛开那些专业术语，来详细了解一下。

• 描述您的需求。
• AI 会为您编写所有代码。
• 它会自动安装所需的软件包，例如运行 npm install。
• 应用开始运行，并拥有自己的专属线上 URL。
• 如果出现故障，AI 会读取控制台日志并自动修复问题。

这……说实话，简直太不可思议了。

无需设置，无需终端，无需配置文件。只需将想法转化为实时代码即可。

3、如何部署您自己的 VibeSDK 平台

精彩之处就在这里。Cloudflare 让部署变得无比简单——只需几个设置步骤，单击一下即可。

让我们一步步来了解一下。

5、部署清单

在点击“部署到 Cloudflare”之前，请确保您已准备好以下内容：

先决条件：

• Cloudflare Workers 付费计划
• Workers for Platforms 订阅
• 高级证书管理器（如果您要映射子域名，例如 abc.xyz.com，则需要此管理器 — Cloudflare 需要它来为预览应用（例如 *.abc.xyz.com）颁发通配符 SSL 证书）

必需的 API 密钥：

• Google Gemini API 密钥 — 您可以从 ai.google.dev 获取

点击“部署到 Cloudflare”后，您将进入 Cloudflare 控制面板，您可以在其中使用环境变量配置 VibeSDK 部署。

5.1 需要配置的内容

5.2 预览应用的 DNS 设置

要正确提供预览应用，请添加以下 DNS 记录：

Type: CNAME
Name: *.abc
Target: abc.xyz.com
Proxy status: Proxied (orange cloud)

将 abc.xyz.com 替换为您的实际基础域名。传播可能需要长达一小时——耐心等待即可获得回报。

5.3 沙盒实例配置（可选）

VibeSDK 在隔离的 Cloudflare 容器中运行每个应用。您可以选择符合应用需求和套餐的实例大小。

5.4 配置选项

选项 A（推荐）：在部署流程中 → 设置 SANDBOX_INSTANCE_TYPE 变量。示例：

SANDBOX_INSTANCE_TYPE=standard-3

选项 B：通过环境变量在本地设置：

export SANDBOX_INSTANCE_TYPE=standard-3
bun run deploy

专业提示：建议从 standard-3 开始。它适用于大多数生产工作负载。如果需要强大的计算能力，请升级到 standard-4。

5.5 部署后：OAuth 设置（可选）

如果需要用户身份验证，则需要设置 OAuth。部署后。

Google OAuth：

• 前往 Google Cloud 控制台 → 创建项目
• 启用 Google+ API
• 创建 OAuth 2.0 客户端 ID
• 添加授权来源： https://your-custom-domain
• 添加重定向 URI： https://your-worker-name.workers.dev/api/auth/callback/google

将以下内容添加到 .dev.vars 和 .prod.vars 文件中：

GOOGLE_CLIENT_ID="your-client-id" GOOGLE_CLIENT_SECRET="your-client-secret"

5.6 GitHub OAuth

• 前往 GitHub — 设置 — 开发者设置 — OAuth 应用
• 点击“新建 OAuth 应用”
• 使用：

Homepage URL: https://your-worker-name.workers.dev 
Callback URL: https://your-worker-name.workers.dev/api/auth/callback/github

添加以下内容：

GITHUB_CLIENT_ID="your-client-id" 
GITHUB_CLIENT_SECRET="your-client-secret"

5.7 GitHub 导出 OAuth

要将应用直接导出到 GitHub 仓库：

Authorization callback: https://your-worker-name.workers.dev/api/github-exporter/callback

添加：

GITHUB_EXPORTER_CLIENT_ID="your-export-client-id"
GITHUB_EXPORTER_CLIENT_SECRET="your-export-client-secret"

然后重新部署或重启本地环境。

5.8 基于 Cloudflare 全球网络构建

所有应用均在 Cloudflare Workers 上运行，这意味着这些应用分布在其全球网络中。

您可以同时运行数千甚至数百万个小型应用，每个应用都独立运行且速度极快。

这种规模过去只有大型公司才能实现。现在，只需点击几下即可。

5.9 AI 网关功能堪称天才之作

Cloudflare 的强大之处就在这里得以充分展现。

VibeSDK 内置了一个 AI 网关——您可以将其视为 AI 模型的智能流量控制器。

它支持 OpenAI、Anthropic、Google 等所有主流平台。并且，它还能追踪：

令牌使用情况

• 成本
• 响应时间
• 缓存（避免重复请求造成浪费）

因此，如果十个用户请求同一个“待办事项应用”，它不会调用模型十次，而是直接重用缓存版本。这才是真正实现 AI 可扩展性的关键。

5.10 代码所有权

这才是真正重要的：没有平台锁定。

您可以将应用直接导出到您的 Cloudflare 帐户、GitHub 代码库，或者继续在本地开发。因此，您不会被限制在其他平台。

您可以完全掌控一切——您的代码，您的规则。

5.11 与众不同之处

多年来，“无代码”运动一直承诺着这一点。但大多数工具都给人一种……局限感。你总会遇到瓶颈，不得不求助于真正的开发人员。

VibeSDK 颠覆了这种现状。它并非无代码，而是真正的代码，通过对话构建而成。

你只需描述感觉，系统就能完成剩下的工作。因此得名——“感觉代码”。

6、结束语

作为一名毕生致力于开发工具写作的人，我深感这意义非凡。这并非炒作，而是真正的变革。

“AI 编写代码”的时代固然令人兴奋，但“AI 构建、部署和管理整个应用程序”？这完全是另一个层次。

无代码时代？已成过去。我们正式迈入了“氛围编程”时代。

原文链接：Cloudflare Vibe SDK: The Open Source AI Platform That Builds and Deploys Full-Stack Web Apps…

汇智网翻译整理，转载请标明出处