模块 4 · 完整应用能力 · 第 6/8 节
支付与订阅
需以当前账户界面为准:当前内置支付提供 Paddle 与 Stripe,公开文档要求 Pro 或以上;免费套餐可评估连接自有 Stripe 的集成方式。新 TanStack 项目可先接支付,保存订单/订阅时才需要数据库;旧 React+Vite 内置支付要求 Cloud。特殊套餐、本账户权限、地区、费率、审核和币种需以当前账户界面及服务商规则为准;示例人民币金额不是支持收款的承诺。
🎯学习目标
- 了解可用的支付方式
- 会描述收费模式
- 会先用测试模式验证
🧭操作步骤
- 1
确定收费模式
一次性购买、按月/年订阅,还是按次付费。
- 2
选择服务商
可让 AI 根据你的业务推荐合适的支付服务商。
- 3
测试模式
先在测试模式下使用测试卡走通完整流程。
- 4
权限联动
付款成功后自动解锁对应功能;取消订阅后到期降级。
- 5
切换正式
确认无误后按服务商要求完成资料审核,切换为正式收款。
💬可复制提示词
订阅收费
加入订阅收费:免费版每月 5 次,专业版每月 49 元无限次。付款成功后自动升级,取消订阅后在当期结束时降级。先在测试模式下实现,并提供“订阅管理”入口。
✅ 预期结果
- 测试付款成功后权限自动升级
- 用户可以查看和管理订阅
- 取消后到期正确降级
⚠️ 常见错误
- 直接用正式模式测试
- 只在页面判断会员身份,未在服务端校验
- 没有处理退款和取消
📝自检题
1. 接入支付后第一步应该?
学完了?标记为已完成,记录你的进度。