跳转到内容
supastack
浏览文档

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/mobile/authentication.md (or send Accept: text/markdown).

原生认证

处理移动端的浏览器回跳与已存会话。

询问本指南
打开方式

安装与配置

在执行任何步骤之前,请阅读开始之前 和终端基础知识。这些说明假设您在 VS Code 中打开了完整的 supastack monorepo;它的根 package.json 标记存储库根。在 pnpm 命令中,工作区包是应用程序或共享代码文件夹;在产品中,工作空间是团队的数据容器和安全边界。 corepack pnpm --filter ... 从 monorepo 选择一个包,同时从其根运行命令。如果您仅打开同步的移动或桌面文件夹,则它不包含 Web 后端、Docker 设置或根脚本:从此 monorepo 或可访问的托管服务器运行后端,并使用平台文件夹自己的脚本。环境变量是存储在本地 .env 文件或托管仪表板中的命名设置;更改后重新启动相关应用程序,并将服务器机密保留在 NEXT_PUBLIC_ 和 EXPO_PUBLIC_ 值之外。

1、在VS Code中打开apps/mobile/src/auth/client.ts和apps/mobile/src/auth/mobile-auth-configuration.ts,找到已有的登录流程。

2.将EXPO_PUBLIC_API_URL和EXPO_PUBLIC_APP_SCHEME放入apps/mobile/.env.local,并确保Web服务器在apps/web/.env.local.中有自己的设置

3. 从 root 启动 Web,使用 corepack pnpm --filter @supastack/web dev,然后在另一个终端中使用 corepack pnpm --filter @supastack/mobile start 启动 Expo。预期:测试登录将打开浏览器并返回到移动应用程序。在实体手机上,使用计算机可连接的 Wi-Fi/LAN 地址作为 API;电话-localhost 表示电话本身。

移动应用使用 Better Auth 的 Expo 集成与原生安全存储。API origin 与应用 scheme 必须与原生配置以及认证服务器允许的返回流程一致。

EXPO_PUBLIC_API_URL=https://your-api.example
EXPO_PUBLIC_APP_SCHEME=supastack

要复制的命令

按照注释查看命令在哪个文件夹中运行。如果标记了两个终端,请打开两个终端窗口,并在使用第二个命令时保持第一个命令运行。

# Terminal 1 — Web API (from the monorepo root):
corepack pnpm --filter @supastack/web dev

# Terminal 2 — Expo app (from the monorepo root):
corepack pnpm --filter @supastack/mobile start

实现流程

沿用现有的原生认证客户端,不要把 Web Cookie 的假设搬到移动端。通过配置的浏览器流程打开供应商认证,处理回调,然后先解析已认证会话,再呈现受保护动作。

请将取消登录与成功登录区分开来。成员可以在“设置 → 安全”中启用生物识别应用锁(apps/mobile/src/security/app-lock.ts 中的 Face ID、Touch ID 或指纹),在应用回到前台时要求验证。退出登录时请清除上一位用户的本地界面状态以及按工作区隔离的离线读取缓存(apps/mobile/src/offline/),并确认服务端会话无法再执行受保护的操作。

验证与排障

如果登录打开浏览器但没有返回到应用程序,请检查 EXPO_PUBLIC_APP_SCHEME 是否与 apps/mobile/app.config.ts. 中的方案匹配。如果应用程序无法到达服务器,请将 localhost 替换为计算机的 LAN 地址,确认两台设备使用相同的网络,然后编辑 apps/mobile/.env.local. 后重新启动 Expo Expo Go 是 UI 预览;本机购买接受需要 EAS 开发版本。

在目标构建上演练冷启动回调、返回运行中的应用、取消登录与过期会话。如果浏览器返回了但应用仍未登录,先检查 scheme 匹配与 API 可达性,再改供应商配置。

如果你想继续完成设置,可以阅读《移动端权益》。

常见问题

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