文档支付
支付概述
学习如何在 NEXTDEVKIT 中使用 Stripe 或 Creem 设置和使用支付
🚀 支付系统
NEXTDEVKIT 支持两个支付提供商来处理支付和订阅：
两个提供商都支持：
- ✅ 订阅支付（月付/年付）
- ✅ 一次性支付（终身计划）
- ✅ 免费计划
- ✅ 试用期
- ✅ Webhooks
- ✅ 客户门户
💳 支持的支付类型
NEXTDEVKIT 支持以下计划类型的灵活定价：
🆓 免费计划
- 无需支付
- 适合免费增值模式
- 功能访问受限
💎 专业版订阅
- 月付或年付
- 可选试用期
- 重复支付
🏆 终身计划
- 一次性支付
- 永久访问
- 无重复费用
🏢 企业计划
- 基于联系的定价
- 自定义功能
- 直接销售流程
🏗️ 支付架构
支付系统使用提供商模式构建，以获得灵活性：
src/
├── payment/
│ ├── types.ts # 支付类型和接口
│ ├── actions.ts # 支付服务器操作
│ └── providers/
│ ├── index.ts # 支付提供商工厂
│ ├── stripe.ts # Stripe 实现
│ └── creem.ts # Creem 实现
├── config/
│ └── marketing/
│ └── pricing.ts # 定价配置🎯 选择您的提供商
选择最适合您需求的支付提供商：
何时使用 Stripe
- 全球覆盖：接受来自 195+ 个国家的支付
- 成熟生态系统：广泛的文档和社区
- 企业功能：高级欺诈检测和报告
- 复杂定价：多币种和税收处理
何时使用 Creem
- 开发者体验：简单直接的 API
- 现代界面：干净直观的仪表板
📋 入门指南
- 选择您的提供商：Stripe 或 Creem
- 设置您选择的提供商账户
- 为您的提供商配置环境变量
- 在提供商仪表板中创建产品和定价
- 使用您的定价信息配置 NEXTDEVKIT
- 使用测试卡和 webhooks 测试支付
🔧 配置
支付提供商在 src/config/index.ts 中配置：
payment: {
provider: "stripe", // 或 "creem"
currency: "USD",
yearlyDiscount: 20,
redirectAfterCheckout: "/app/dashboard",
// ... 您定价配置的其余部分
}要切换提供商，只需更改 provider 值并更新您的环境变量。
🧪 测试
两个提供商都提供全面的测试环境：
- 测试 API 密钥用于开发
- 测试信用卡用于支付模拟
- Webhook 测试工具
- 本地开发支持
🔗 下一步
选择您的支付提供商以继续：