Ship 26 NYC - 工作坊 - 从初始化到部署仅需 30 分钟
VVercel
Computing/SoftwareSmall Business/StartupsInternet Technology
Transcript
00:00:00大家好，欢迎来到这里。我叫 Gordon Diggs，是 Stripe 的一名工程经理。
00:00:08我是 Colin Wren，也是 Stripe 的工程师。
00:00:11很好。在这场黑客松中，我们将从零开始构建并部署一个应用，
00:00:17希望能通过结合各种服务提供商，在 30 到 40 分钟内完成。不过在此之前，我们想
00:00:24确保现场的每个人都具备参与的基本条件。首先你需要一台
00:00:29笔记本电脑。其次需要某种 AI 智能体编程环境，比如 Claude Code、Codex 或
00:00:35Cursor。手机或平板电脑是不太行的。所以如果你没有带
00:00:43笔记本电脑，放轻松当个观众也完全没问题。好了，在这次工作坊的前
00:00:5110 分钟左右，我们会介绍 Stripe Projects，给你们提供一些应用灵感，并指导
00:00:56大家配置好 CLI。随后的 30 分钟里，你们将使用自己的 AI 智能体来构建一个应用，
00:01:02完成从开发到部署的全流程，并使用 Stripe Projects 来配置所需服务。最后，你们可以提交
00:01:09部署好的应用到我们的排行榜上。大家可以互相投出心仪的
00:01:16应用，说不定还会产生一位获胜者，让我们拭目以待。首先，我们先来概述一下什么是 Stripe Projects。
00:01:22这是 Stripe 推出的一款新产品，能让你或你的 AI 智能体快速且安全地
00:01:28配置基础设施。Stripe Projects 是 Stripe CLI 的插件，可协助你或你的 AI 智能体
00:01:36配置诸如托管、数据库、域名等服务。大多数服务都提供
00:01:44免费层和付费层。所以在这场黑客松中，你并不一定需要花任何钱。但对于任何
00:01:51付费项目，Projects 会通过 Stripe 统一管理你的支付，让你只需使用一种
00:01:59支付方式就能支付所有云服务费用。服务商连接成功后，Projects 会将相关的
00:02:09环境变量同步保存到本地和云端，随时供你调用，你也可以拉取
00:02:15到其他机器上使用等等。所以对于这次工作坊，完全可以使用免费
00:02:21层服务。屏幕上是目前支持的服务商类别。Colin，你好像挡到一点二维码了。
00:02:28以上就是我们现有的类别。要查看完整的服务商列表，可以直接在 CLI 中运行
00:02:35Stripe projects catalog，或者扫描二维码查看服务商页面。
00:02:40酷，太棒了。你们当中的有些人可能已经构思好了想建什么项目，
00:02:47那非常好。但如果你还没有想法，我们想分享一些用 Projects
00:02:52使用 Projects 构建的应用。这些应用可以让你大致了解在 30 分钟左右的时间内
00:02:58部署什么级别的项目，以免在有限的时间内制定过于宏大的计划。
00:03:04是的，这里有一些 Stripe 员工在最初测试 Projects 时构建的示例应用。
00:03:10所有这些应用都是在线实时运行的，许多都使用了托管服务、数据库和身份认证服务商。
00:03:17这里有个 GitHub 数据分析看板。这是一个用于从 GitHub API 拉取数据的自定义看板，
00:03:22它使用了 Web 托管、数据库和身份认证服务。还有这个“幸福便笺罐”（Happiness Jar），这是一个很棒的
00:03:27应用，能让你在一天里随时记录便笺，装满快乐。它使用了 Auth 身份认证、数据库
00:03:33和托管服务。接着是“我的花园”（My Garden），这是一个园艺小应用，可以记录植物
00:03:40并提醒你浇水，使用了托管和数据库服务。最后是 Tiny Tails，这是一个
00:03:45利用 AI 智能体根据不同主题推荐适合幼儿阅读的书籍的小应用。这个应用使用了 AI 大模型 API 和
00:03:52和托管服务。所以，大家可以想想看规模大致相当的项目，
00:03:57是可以在我们预留的时间内构筑完成的。一旦有了项目创意，我们就会
00:04:02时间里，我们就会利用 AI 智能体来进行构建。使用 AI 智能体时，从一个好的提示词（Prompt）开始非常关键。
00:04:08具体来说，你需要明确说明想用什么服务。比如你可以说：
00:04:13“我想部署它、我想使用数据库”之类的。你可以指定
00:04:17某种具体的服务，比如声明“我想用 Vercel 做托管”；或者你也可以让
00:04:21AI 智能体直接从 Stripe Projects 目录中为你挑选。比如只需输入
00:04:26“我需要一个数据库”，Stripe Projects 就会自动选择并为你初始化一个。到了工作坊
00:04:32的尾声，正如 Gordon 所说，我们有一个 projects.dev 排行榜，大家可以提交自己的
00:04:38项目，并投票选出最喜欢的作品。而且只要在上面分享你的项目，
00:04:45就能获得一些 Stripe 代金券。现在由 Gordon 带大家一步步上手 Stripe Projects。
00:04:50酷。好的，那我们开始吧。正如我刚才所说，要完成这次工作坊，你需要
00:04:58三样东西——如果算上笔记本电脑就是四样：AI 智能体编程环境、Stripe 账号，
00:05:05以及 Stripe CLI。我们准备了一份参赛指南，建议大家先扫码看看。
00:05:11里面包含了接下来几张 幻灯片的所有信息，方便随时查阅。
00:05:15非常推荐扫描这个二维码。我给大家留一分钟扫码。
00:05:21演讲时看到台下所有人忽然拿出手机确实有点吓人，
00:05:23不过是我让你们这么做的，所以没关系。另外，如果你还没有 Stripe 账号，
00:05:30注册也是免费的，可以扫这个码。链接应该直接跳转到 [dashboard.stripe.com/register](https://www.google.com/search?q=https%3A%2F%2Fdashboard.stripe.com%2Fregister)。
00:05:38这就行了。如果有需要的话，给大家留一分钟扫码。
00:05:47好的，接下来你需要安装带 Stripe Projects 插件的 Stripe CLI。
00:05:52这里有一条很实用的 NPX 命令可以直接运行。只需确保在询问想添加哪些技能（Skills）时，
00:05:58勾选 Stripe best practices 和 Stripe projects 即可。此外，
00:06:05你也可以在智能体环境中使用这段提示词来自动安装 Stripe CLI。
00:06:13如果你想在 Mac 上直接安装，可以直接使用 brew install。在 Windows 上则可以使用 scoop。
00:06:23这同样可行。我从没用过 scoop，因为我不怎么在 Windows 上做开发，
00:06:27但 Homebrew 确实很好用，这一点我可以打包票。太棒了。
00:06:33好的，当运行完这些命令后，你应该就成功安装了 Stripe Projects 插件。
00:06:40如这里所示，可以运行 Stripe projects --help 来测试是否安装正确。
00:06:44有人在配置时遇到问题吗？如果需要更多时间安装 Stripe Projects CLI，
00:06:51请举手示意。好的，我们再等一两分钟，
00:06:57然后再继续。总之，再次强调，只需运行 Stripe projects --help。如果你看到了
00:07:02帮助信息的输出，就说明安装成功，可以继续了。
00:07:08如果你仍然遇到问题，几分钟后我们会巡视并提供协助，所以不用太担心。
00:07:13没关系的。
00:07:14好的，希望大家都已经安装好了。如果没有也不用担心，一会儿招呼我们过去就行，我们很乐意帮忙。
00:07:26安装完成后，请在你准备创建项目的目录下运行 Stripe projects
00:07:35init。你可以选择传入项目名称；如果不传，它将默认使用
00:07:40当前目录的名称。当你运行这个 init 命令时，它会生成几个关键文件：
00:07:45包含 state.json 和 state.local.json 的 .projects 文件夹。这些文件是
00:07:53该特定项目所用账号、服务商及资源信息的单一事实来源（Source of truth）。
00:07:59此外还会生成一个 Stripe project CLI 的 skill（技能）文件。这份技能配置文件会教导你的 AI 智能体
00:08:08如何使用 Stripe project CLI。当你开始为项目添加服务时，
00:08:14系统会获取这些服务的密钥并写入你的 .env 文件。同时还会将这些
00:08:24服务对应的智能体技能下载到 .agent/skills 目录下，以指导你的智能体如何最佳地利用
00:08:31这些服务。现在你已经具备了开始构建所需的一切。接棒交还给你，Gordon。好的。
00:08:37太棒了。好的，现在轮到大家了。你们可以去动手构建了。大家大约有 30 分钟的时间来构建
00:08:45项目。如果有人对 Stripe Projects 有任何疑问，我们随时解答，举手示意即可。
00:08:50需要协助配置环境的，我们也可以过去帮忙。
00:08:57我会把这页保留在屏幕上，上面展示了 Stripe Project 中可以使用的一些命令。
00:09:03我们聊过 init 了，也聊过查看服务商的 catalog 命令。添加服务商或服务请用 use add，
00:09:10open 可以直接打开服务商的控制台，还有同步环境变量的命令。
00:09:19如果你想查看消费开支，我们也有对应的查询命令。到了
00:09:24活动尾声准备分享项目时，可以使用 Stripe project share，
00:09:29它会分享你所选择的技术栈，也就是你挑选的服务商列表。
00:09:34如果你需要获取账号 ID，也可以在那里查到。再次感谢大家的参与！
00:09:40感谢大家的配合。我们大概有 30 分钟，大家尽情构建和部署吧。有问题随时举手，
00:09:46并在完成后在这里提交作品。我把画面切回这张幻灯片，
00:09:55这就是包含了幻灯片所有信息的参赛指南。好的，好奇大家
00:10:01有没有人愿意分享一下自己正在构建的应用构想？如果你能从开发中抽离
00:10:08出 10 秒钟来分享的话。
00:10:12好啊。我打算构建的应用，是我之前自己尝试做过的一个，
00:10:22但我想尝试结合这个工具来做。它基本上是一个用来寻找武术搭档的应用，
00:10:31比如练习巴西柔术。我发现市面上还没有这种产品。所以
00:10:36假设你的拳馆关门了，或者刚好是周末，又或者你在出差想练拳，
00:10:40但附近的拳馆都关门了。哪怕附近刚好有也在练习的人，你也无从
00:10:43得知——除非有这样一个应用，能帮你匹配到附近同样
00:10:48在寻找训练搭档的人，然后一起切磋，超酷的。这就是我的想法，
00:10:52我准备试试看。太棒了！祝你好运，这想法太奇妙了。完美，
00:10:56这是一个极佳的案例，因为你需要 Web 托管、数据库、
00:11:00身份认证，还需要一个域名。这真的很赞。
00:11:04太棒了。如果大家对 Stripe Projects 或 Stripe 有任何其他问题，
00:11:08我们在外面设了展位，一会儿我会去那边。相信 Colin 也会去。
00:11:12欢迎大家随时过来聊聊 Stripe，我们还准备了一些 Stripe 的周边礼品。再次感谢
00:11:17大家的参与，希望大家喜欢使用 Stripe Projects。酷，谢谢大家！谢谢大家。