支付系统
概述
YourAppName 集成了 Stripe 支付系统,支持一次性购买和定期订阅。
配置 Stripe
- 在 stripe.com 创建 Stripe 账号
- 从 Stripe 控制面板获取 API 密钥
- 设置环境变量:
STRIPE_SECRET_KEY=sk_test_...
STRIPE_WEBHOOK_SECRET=whsec_...
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=pk_test_...
定价方案
在 src/config/pricing.ts 中配置你的定价方案:
export const plans = [
{
name: '免费版',
price: 0,
features: ['每天 5 次 AI 任务', '基础支持'],
},
{
name: '专业版',
price: 19,
interval: 'month',
features: ['无限 AI 任务', '优先支持', '自定义品牌'],
},
{
name: '企业版',
price: 99,
interval: 'month',
features: ['专业版所有功能', '专属支持', 'SLA 保障', '自定义集成'],
},
];
Webhook 处理
Stripe Webhook 通过 /api/payment/callback 端点自动处理。支持的事件包括:
checkout.session.completed— 订阅创建invoice.payment_succeeded— 定期支付处理customer.subscription.deleted— 订阅取消
测试支付
使用 Stripe 测试卡进行开发测试:
- 成功:
4242 4242 4242 4242 - 拒绝:
4000 0000 0000 0002 - 3D 验证:
4000 0025 0000 3155