使用 Kiro 构建全栈 AR 电商平台

发布: (2025年12月5日 GMT+8 07:42)
5 min read
原文: Dev.to

Source: Dev.to

Cover image for Building a Full-Stack AR E-Commerce Platform with Kiro

想象一下:你需要构建一个具备增强现实试戴功能的完整电商平台。传统上,这会是一个需要小团队投入 3–6 个月的项目。使用 Kiro,我在短短几周内就完成了 Spooky Wigs

Spooky Wigs 是一个全年无休的假发电商平台,具备 AR 试戴功能。

关键特性

  • 2D AR 试戴 – 实时人脸追踪并叠加假发
  • 完整电商 – 购物车、结账、订单管理
  • 访客结账 – 无需创建账户即可购买
  • 支付处理 – Stripe 集成
  • 管理员仪表盘 – 产品管理、库存追踪、分析
  • 移动优先设计 – 为手机摄像头优化

改变一切的四大 Kiro 功能

规范驱动开发

我没有随意向 Kiro 抛出功能请求,而是围绕两个完整的规范来构建整个平台,这些规范正式化了需求、设计和实现任务。

引导文档

引导文档是“始终在线”的上下文,塑造了每一次 Kiro 的响应。可以把它们看作是关于项目的持久知识库。

模型上下文协议 (MCP)

MCP 让 Kiro 能直接与 Git(外部工具)交互。MCP 还能与云数据库(如 Supabase)交互。在我的案例中,我使用的是本地机器上运行的数据库。

Vibe Coding:对话式开发

除了结构化规范,我还使用对话式开发进行快速迭代和问题解决。我通过 Vibe Coding 进行更改并请求额外功能,这种方式快速且非常适合排错。

遇到的挑战

1. MCP PostgreSQL 问题

我最初配置 PostgreSQL MCP 以连接 Supabase 数据库,但在连接池(SSL/TLS 证书验证、超时问题)上遇到困难。

解决方案: 改用在 Docker 上运行的本地 PostgreSQL 数据库,问题得到解决。

2. 上下文窗口管理

大型规范和引导文档会占用大量上下文,需要策略性地读取文件并选择性地包含上下文。

解决方案: 在规范中使用文件引用,仅在需要时读取文件。

经验教训

  1. 提前投入引导文档 – 创建完整引导文档所花的时间会产生指数级回报。每花在引导上的一小时,都能省去后续大量重复解释的时间。
  2. 复杂功能使用规范 – 对于包含 >10 个组件的功能,正式规范是值得的。对需求和设计文档的前期投入,使代码在架构上更稳健。
  3. Vibe Coding 用于探索 – 将对话式开发用于原型、Bug 修复和文档编写。对简单任务不要过度设计规范。
  4. MCP 需要基础设施 – 确保 MCP 服务器与您的环境兼容。为 MCP 无法工作时准备后备策略。
  5. 文档是免费的 – 让 Kiro 为所有内容生成文档——这不花钱,却能在后期节省大量时间。我生成了 100 多个文档文件,几乎没有额外工作量。
  6. 移动优先很重要 – 从一开始就采用移动优先(在引导文档中指定),使 AR 体验在手机上表现出色,而手机摄像头的质量优于网络摄像头。

Kiro 将 Spooky Wigs 的开发从一个令人望而生畏的多月项目,转变为可管理的多周工作。更重要的是,它改变了我对软件开发的思考方式。

Back to Blog

相关文章

阅读更多 »