实时演示：访问 atlas.dodopayments.com 探索该平台并测试所有计费流程。
概述
Atlas 模拟了一个真实的 AI 艺术生成平台，用户可以根据文本提示创建图像。该演示突出了三种不同的购买流程，每种流程展示了不同的计费模型和结账体验：- 基于使用的计费：按生成的图像付费（每张图像 $0.75）
- 订阅：无限制专业计划（$20/月）
- 一次性购买：信用包（$7 购买 10 个信用）
购买流程
Atlas 演示了三种独立的计费流程。每个流程遵循类似的模式，但展示了不同的结账体验和计费模型。- 基于使用的计费
- 订阅
- 一次性购买
1
选择按图像计费定价
选择 按图像计费 选项（每张图像 $0.75）进行 AI 艺术生成。这展示了基于使用的计费，客户仅为他们消费的内容付费。
2
生成艺术作品
输入文本提示并生成图像。系统会自动跟踪使用情况以便计费。
3
完成结账
结账过程包括：
- 品牌结账页面：Dodo Payments 结账页面显示您的商家品牌名称和徽标
- 客户信息：输入用户详细信息和账单地址
- 税费计算：在确认地址后自动计算税费
- 付款：输入测试卡信息以完成交易
4
查看确认
付款后，Atlas 显示一个确认屏幕，包含使用详情和剩余信用。
5
访问仪表板
用户被重定向回 Atlas Studio 仪表板，在这里他们可以继续生成艺术作品并监控他们的使用情况。
购买后的仪表板体验
Atlas Studio 仪表板展示了如何在结账完成后实现计费感知功能和权利跟踪。仪表板功能
- 即时访问：用户可以在购买后立即开始生成艺术作品
- 使用跟踪：实时显示剩余信用、活跃订阅和生成历史
- 计费管理：查看购买历史、订阅状态和即将到期的续订
- 无缝集成：展示如何将用户正确重定向回您的应用程序，并进行适当的权利跟踪
仪表板体验展示了购买后用户流程的最佳实践，包括权利验证和使用监控。
技术实现
Atlas 使用 Dodo Payments TypeScript SDK 构建，展示了如何用几行代码集成计费流程。开源
Atlas 是一个开源项目。探索代码库，了解如何在真实应用程序中实现计费流程。在 GitHub 上查看
浏览 Atlas 源代码并学习实现方法。