跳转到内容
supastack
浏览文档
WebNext.js

For AI agents: fetch the complete documentation index at /llms.txt, the full documentation corpus at /llms-full.txt, the agent skill at /skill.md, or this page as Markdown at /zh/docs/web/billing.md (or send Accept: text/markdown).

支付与订阅

Stripe 结账、套餐管理与 entitlement 边界。

询问本指南
打开方式

选择并测试您的支付服务

计费处理付款。访问权限作为权利单独存储。完成持久帐户设置,然后在正在运行的 Web 应用程序中打开 /billing 以查看计划界面。通过 BILLING_PROVIDER=local,您正在探索当地行为而不是收集真金白银。

选择一个受支持的支付提供商,按照其设置指南进行操作,创建您自己的测试产品和价格,并将指定的服务器设置复制到 apps/web/.env.local. 中,保存并重新启动 Web 服务器。使用该提供商的沙箱指令完成一项签出,然后在提供商的 Webhook 到达后检查工作区的访问状态。 Webhook 是提供商向您的服务器发送的有关付款事件的签名消息。

仅成功页面并不能解锁功能。如果结帐完成但访问仍处于非活动状态,请在重复付款之前检查提供商的 Webhook 传送和服务器的事件处理。测试取消和过期访问也是如此。手机购买使用单独的 RevenueCat/商店设置,而不是此 Web 结帐。

Web 计费

Web应用程序支持您使用BILLING_PROVIDER选择的计费提供商;条纹是一种选择。打开/计费网络计划和订阅管理。按照所选提供商的指南,在匹配的测试或实时环境中设置其仅服务器凭据、产品或价格 ID 以及 Webhook 验证设置。

通过权限授权

结账跳转不是访问已激活的证据。服务端持有的权限决定工作区能否使用付费能力。即使界面已经隐藏了该动作,也要在动作边界检查这个权限。

验证生命周期

用沙箱事件验证激活、更新、取消与 webhook 处理。保证重复事件安全,并确保失效的权限会阻止付费操作。原生移动购买仍是单独的 RevenueCat 集成边界。

安装与配置

套餐目录位于 src/product-plans.ts,驱动 /billing 界面和 /choose-plan 入门步骤。计费在服务器端配置:BILLING_PROVIDER=stripe、STRIPE_SECRET_KEY、每个套餐和周期的 price id,以及 STRIPE_WEBHOOK_SECRET。Lemon Squeezy 可作为替代适配器。

按席位计费的套餐使用可编辑的席位步进器(src/seat-count.ts),席位数量会随结账会话一起传递,使计费席位数与工作区保持一致。套餐还可以在 src/product-plans.ts 中声明 meteredUsage,由每小时运行的 billing.usage-report 任务将 usage_counter 增量上报至 Stripe 计费计量器;同时工作区所有者可在“设置 → 用量”(src/usage-meters.ts 中的 USAGE_METERS)中设置每月 AI 预算与各计量器的硬性上限。

Checkout: POST /api/billing/checkout
Portal:   POST /api/billing/portal
Webhook:  POST /api/billing/webhook  (signature-verified)

实现流程

结账重定向只是一个待定的意图 —— 当签名的 webhook 到达并且服务器拥有的 entitlement 更新时,访问权限才会改变。即使界面已经隐藏了付费操作,也要用服务器边界的 entitlement 检查(entitlement-gate.tsx / entitlement-check.ts)对其进行门禁。

客户门户管理套餐变更、取消和支付方式。让订阅状态对工作区成员可读,并将原生移动端购买放在单独的 RevenueCat 边界之后。

常见问题

14 个问题

supastack 是什么?

supastack 是用于构建 AI 驱动 SaaS 产品的模块化基础。它把通用基础设施整合在一起,让你专注于产品专属的功能。

它支持 Web 和移动端吗?

支持。supastack 包含 Next.js 与 Expo 应用,作为 Web 与移动端体验的起点。

包含哪些认证方式?

Better Auth 覆盖邮箱/密码、OTP 与社交登录。个人工作区随账户一起开通,产品记录从第一天起就有边界。

AI 是如何支持的?

supastack 包含可配置的多供应商 AI、用量追踪、预算,以及加密的自带密钥(BYOK)支持。

订阅如何处理?

对于基于该套件构建的产品,Stripe 计费、订阅与权限构成付费访问的基础。供应商密钥仅存于服务端。

我的产品专属代码放在哪里?

产品专属功能保留在独立的代码库中,产品通过配置接入 supastack 的基础模块。

supastack 如何定价?

套件为一次性购买、终身更新:单框架 249 美元(限时优惠价,较常规价 349 美元优惠 100 美元),或全框架(Next.js、iOS、Android)499 美元(限时优惠价,较常规价 599 美元优惠 100 美元),每个额外开发者席位 75 美元。套件本身没有订阅。本站结账后通过邮件发送许可证密钥,仓库访问通过 GitHub 邀请授予。

工作区如何界定我的数据?

用户记录按 workspaceId 划定边界。身份、权限、AI 用量、计费事件与审计条目都留在个人工作区边界内。

后台任务如何工作?

Trigger.dev 是明确的任务运行时。JobRunner 契约只承诺 enqueue、status 与 cancel——工作流语义保持 Trigger.dev 专有且显式。

邮件与营销触达有何不同?

事务性邮件覆盖产品工作流,如任务完成通知。冷触达与营销活动属于产品自身的范畴,不在本套件的邮件模块内。

移动端购买如何运作?

移动端已支持 RevenueCat 原生购买和恢复购买,访问权限由服务端验证。发布前需配置商店账户并完成设备测试。Web 计费保持独立。

AI 供应商密钥存放在哪里?

自带密钥凭证经过加密且仅存于服务端。密钥在日志中被脱敏;用量与预算在工作区级别保持可见。

结账支持哪些付款方式?

Stripe 托管结账接受银行卡,在 Stripe 账户启用后还可提供支付宝与微信支付——方便中国买家。钱包授权为异步确认,付款完成后许可证页面会立即更新。

我能申请退款吗?

获得代码仓库访问权限后,supastack 将永久归你所有,因此无法退款。但请放心,你将获得包含终身更新的完整源代码,可为你自己或客户构建并发布无限数量的产品。你只需注意不能转卖代码,也不能将仓库作为启动模板二次分发。

CN
主题