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

通知

应用内通知、按用户偏好和管理员公告。

询问本指南
打开方式

初学者演练

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

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

1. 以测试会员身份登录并打开“设置”→“通知”以查看可用的频道首选项。

2. 在一个工作区中使用两名测试成员,并使用 EMAIL_PROVIDER=local 触发本地测试事件,例如邀请。

3. 确认只有符合条件的会员和已启用的频道才会在应用程序或本地发件箱中收到通知。不要向真实会员发送测试消息。

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

使用产品事件管道

notification-events.ts 将计费、预算、邀请、会员和关联帐户活动映射到本地化副本和按会员交付计划。 API和应用程序客户端读取登录工作区的通知;偏好控制合格的频道。

有些事件有意保留在应用程序内。例如,连接帐户刷新失败不得暴露令牌详细信息或触发未经请求的电子邮件。

尊重收件人的喜好

使用现有的交付计划、默认首选项和参与者排除选项,而不是单独向每个成员发送消息。事务性电子邮件仍然使用配置的提供商并记录其自己的发送结果。

验证收件人和状态

测试禁用的首选项、排除的参与者、删除的成员、未读/已读行为和另一个工作区。保持动态更新可访问并验证本地化消息。

安装与配置

通知服务(notification-service.ts)存储工作区级应用内记录;GET /api/notifications 为已登录成员列出它们,mark-read 路由更新状态。按用户的偏好标志控制产品更新和安全警报等类别。

成员在 /settings/notifications 中管理偏好。平台公告通过 announcement-actions 撰写,并通过同一管道投递。

GET   /api/notifications
PATCH /api/notifications   (mark-read)

Emitted on mutations, e.g.:
  member.left
  member.role_changed

实现流程

在成功的变更之后发出通知 —— 绝不在写入提交之前。保持负载结构化(类型、工作区、引用),使界面无需解析散文即可渲染和路由。

在投递可禁用类别之前检查偏好标志;与安全相关的通知(新会话、密钥变更)应保持强制性。

验证与排障

验证禁用的偏好会抑制投递、mark-read 跨会话持久、另一个工作区无法列出这些记录,以及公告到达预期成员。随着量级增长,将通知扇出保持在请求的关键路径之外。

常见问题

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