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

垃圾信息防护

通过环境变量切换的 Turnstile 校验,覆盖公开表单与认证端点。

询问本指南
打开方式

初学者演练

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

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

1. 为确切的本地/部署主机名创建 Turnstile 测试小部件。在apps/web/.env.local中,设置CAPTCHA_PROVIDER=turnstile和NEXT_PUBLIC_TURNSTILE_SITE_KEY;仅将 TURNSTILE_SECRET_KEY 放入服务器秘密存储中。

2. 重新启动并提交测试联系表。

3. 期待挑战和成功的有效令牌响应。如果每个请求都失败,则比较主机名和密钥对;永远不要泄露秘密密钥。

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

启用两个键

CAPTCHA_PROVIDER=off 是默认值。选择 turnstile,在 Turnstile 应用程序中配置匹配的主机名并提供两个密钥。 NEXT_PUBLIC_TURNSTILE_SITE_KEY 为公开; TURNSTILE_SECRET_KEY仅供服务器验证者使用。

CAPTCHA_PROVIDER=turnstile
NEXT_PUBLIC_TURNSTILE_SITE_KEY=your-site-key
# TURNSTILE_SECRET_KEY belongs in the server secret store.

保护受保护的表面

该门涵盖联系/新闻通讯表格以及 Better Auth 登录、注册、OTP 和密码重置凭证端点。它补充了验证/速率限制;它不能替代会话或工作区授权。

验证拒绝和恢复

测试有效令牌、丢失/过期/无效令牌、验证器失败以及客户端小部件重置后的重试。保留可操作的人工检查副本和键盘访问;在切换提供商之前检查所选身份验证引擎的覆盖范围。

安装与配置

CAPTCHA_PROVIDER 选择验证器:off(默认,本地开发无需凭据)或 turnstile。启用 turnstile 需要服务端配置 TURNSTILE_SECRET_KEY,客户端组件使用 NEXT_PUBLIC_TURNSTILE_SITE_KEY——任一缺失时 config schema 会让启动直接失败。

apps/web/src/captcha.ts 组合出一个进程级共享验证器,将 token 以十秒超时发送到 Cloudflare 的 siteverify 端点,并采用失败即拒绝策略——无法验证的 token 永远不算人类证明。

CAPTCHA_PROVIDER=turnstile
TURNSTILE_SECRET_KEY=…           # server-only
NEXT_PUBLIC_TURNSTILE_SITE_KEY=…

Guarded: sign-in/up, OTP send, reset,
contact + newsletter forms

实现流程

CaptchaWidget(src/captcha-widget.tsx)渲染组件并把 cf-turnstile-response 字段注入父表单,认证客户端调用则通过 x-captcha-response 头携带 token。联系与订阅动作在写入前完成校验——校验失败会返回 status=captcha,而不会创建线索。

当 provider 开启时,packages/auth 挂载 better-auth 的 captcha 插件;CAPTCHA_ENDPOINTS 覆盖凭据输入与签发 token 的路由——登录、注册、OTP 发送、密码重置。check-verification-otp 这类消费型端点被有意排除在外:那里 OTP 或 token 本身就是证明。

验证与排障

对每个受保护表单分别提交缺失 token 与畸形 token——两者都必须失败即拒绝。验证 siteverify 不可达时是拒绝而不是放行,provider=off 时本地开发保持开放,且 secret 永远不会出现在客户端打包产物或日志中。

常见问题

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