我如何在30秒内构建了一个 AI 头像生成器（FLUX + Next.js + Stripe）
发布: (2026年2月27日 GMT+8 12:33)
3 分钟阅读
原文: Dev.to
Source: Dev.to
概览
我有一个周末的空闲时间，想回答一个简单的问题：我能以多低的成本、多快的速度为某人交付一张专业头像？
我的答案是：30 秒，£4.99。下面是我为实现这一目标搭建的架构和流程。
技术栈
| 组件 | 服务 |
|---|---|
| 前端 & 路由 | Next.js 14（App Router）部署在 Netlify |
| 图像生成 | fal.ai – FLUX AI 模型 |
| 支付 | Stripe – 一次性 Checkout（无订阅） |
| 临时存储 | Vercel Blob |
| 每张头像成本 | ≈ £0.04（仅基础设施费用） |
工作流
- 上传 – 用户上传任意清晰的面部照片。
- 临时存储 – 图片保存在 Vercel Blob 中，返回一个公开 URL。
- 选择套餐 – 用户选择单张头像（£4.99）或 5 张套餐（£14.99）。
- 结账 – 重定向到 Stripe Checkout。
- 成功回调 – 支付完成后，Stripe 通过 success URL 将照片 URL 和套餐元数据一起重定向回来。
- 生成 –
fal.ai（FLUX /dev 模型）使用提供的 URL 和套餐指令生成专业头像。 - 下载 – 生成的图像即时返回，供用户下载。
整个流程是 无状态 的：没有数据库、没有用户账户，也没有在生成窗口之外长期存储照片。
获得一致的专业效果
可靠头像的关键在于添加明确的提示词：
- 光照 – 如 “柔和、均匀的光照”。
- 背景颜色 – 如 “纯白背景”。
- 服装场景 – 如 “商务休闲”。
- 使用场景锚点 – 如 “LinkedIn 个人资料照片”。
如果缺少这些提示，模型往往会默认生成通用肖像。
性能对比
| 服务商 | 平均生成时间 |
|---|---|
| fal.ai (FLUX /dev) | 8–12 秒 |
| Replicate（同模型） | 18–25 秒 |
fal.ai 始终更快，其 SDK 也更易于集成。
Stripe 集成细节
- 使用 动态
price_data而非预先创建的 Stripe Price 对象。 - 将定价逻辑写在代码中，省去在后台配置的步骤。
- 结账后，通过会话 ID 获取 Session，以获取元数据（照片 URL、所选套餐）。
定价与在线演示
该服务的定价刻意低于竞争对手（大多数同等质量的服务收费 £15–£50）。
在线演示：
欢迎随时体验，并在评论区提出任何问题。