跳转到内容
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/commerce.md (or send Accept: text/markdown).

电商

工作区商品与订单,单向推进的生命周期。

询问本指南
打开方式

初学者演练

先决条件:阅读下面的两个初学者指南,完成 Web 本地设置,并在编辑器的根目录中打开此 monorepo。网页设置属于apps/web/.env.local; Next.js不读取根.env。默认fake模式下的/dashboard是无数据库演示; /auth 需要迁移数据库。

简而言之:工作区是一个团队的单独用户、数据和设置。服务器是可信后端;让提供商密钥远离浏览器和电话代码。迁移是创建或更新表的版本化数据库更改。人工智能模型是回答的引擎;型号目录是服务器上可用型号 ID 和价格的列表。提供商是一种外部服务,例如人工智能、电子邮件或计费服务。权利是允许工作区使用某项功能的授权。 Webhook 是一个服务发送到另一个服务的 URL 的消息。

1. 作为工作区所有者或管理员,打开 /commerce 并使用产品表单创建包含名称、货币、整数小单位价格和可选跟踪库存的草稿(对于 USD,1299 表示 12.99 美元)。

2、激活并创建本地测试订单;确认服务器计算总数并存储产品快照。

3. 不要连接实时支付提供商或向真实买家收费。如果订单无法推进,请在重试之前检查可用库存和记录的订单状态。

对于自定义代码,请从提供的 prompts/README.md 开始,然后复制最接近的提示:对于应用程序屏幕为 prompts/new-app-screen.md,对于公共页面为 prompts/new-landing-page.md。对于服务器、数据库或提供商工作,请为您的编码代理提供本指南的任务,并要求其读取 AGENTS.md、.ai/PROJECT_CONTEXT.md 和匹配的 .ai/ 镜像;检查此处指定的确切源文件;列出文件并在编辑前进行检查;保留工作区所有权和仅限服务器的机密;并向您展示差异。告诉它您想要的行为、输入和输出字段、允许的角色、预期的成功和错误以及测试帐户、提供程序或设备。使用样本值;永远不要粘贴真正的秘密。

管理产品和库存

/commerce 为工作区产品提供所有者/管理员管理。产品状态为草稿/活动/存档;价格使用次要货币单位,并且可以选择跟踪库存。共享的持久性存在于 packages/db 中。

这是一个产品构建模块。它不包括购买该套件、源存储库交付或卖方许可证履行。

遵循订单生命周期

订单提前待处理 → 已付款 → 已履行,具有取消/补货和退款行为。服务器计算总计并存储项目产品名称/单价快照,因此对产品的编辑不会重写历史订单。 commerce.order_* 事件支持下游集成。

刻意连接真实的产品支付流程。仅管理状态转换并不能验证支付提供商的收费或退款。

测试库存和状态转换

验证库存不足、并发订单、客户价格篡改、无效向后转换、取消补货、退款行为和跨工作空间访问。

安装与配置

/commerce 界面为活动工作区管理商品目录和订单。商品包含名称、slug、整数分价格、三字母货币、可选图片 URL 与可选库存追踪;订单行保存在 commerce_order_item 中,总价由服务端计算。

订单状态只能前进——pending → paid → fulfilled,支付前可取消,支付后可退款。evaluateOrderStatusChange 拒绝无效、无变化或被禁止的转换,因此已取消或已退款的订单永远无法重新打开。

/commerce                   owner/admin console
src/commerce.ts             money math + lifecycle
src/commerce-actions.ts     owner/admin mutations
commerce_product/order/order_item

实现流程

只有 owner 和 admin 才能写入——每个动作通过 requireWorkspaceManager 解析会话与工作区。createCommerceOrderAction 验证订单行(1–9999 的整数数量,重复商品自动合并),限制行项只能是已上架商品,在服务端重新计算总价,并让订单保持单一货币。

被追踪的库存在创建订单时扣减、取消时回补;库存字段为空表示不追踪。创建订单与每次状态变更都会发出 commerce.order_created 和 commerce.order_status_changed webhook 以及审计行。

验证与排障

验证 admin 以下的 member 无法创建商品或移动订单,反向与横向转换被拒绝,已支付订单不可取消。确认总价来自服务端——绝不信任客户端提交的金额——并确认取消后库存会回补。

常见问题

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
主题