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

5 分钟启动移动应用

在手机或模拟器上打开 Expo 应用程序,配置设备可以访问的 API 地址,并将 UI 预览与真实登录和本机购买区分开来。

询问本指南
打开方式

1.准备电脑、手机、后台

完成 在您开始并在编辑器中打开移动存储库或所有平台 monorepo 之前完成。在存储库根目录的“终端”→“新终端”中,运行以下安装命令。等待它完成。使用下面链接的官方 Expo 页面在您的手机上安装 Expo Go;其版本必须支持apps/mobile/package.json.中记录的Expo SDK版本

后端是处理登录、工作区数据和 AI 请求的 Web 服务器。如果您的结帐包含 apps/web,请首先在另一个终端中运行 Web 安装程序并保持该服务器运行。在尝试本机注册或登录之前,请完成 Postgres 设置。仅限移动设备的结账不包含 apps/web:将其​​连接到您正在运行的单独提供的后端。启动 Expo 会启动屏幕预览服务器,而不是后端。

将手机和电脑置于同一个 Wi-Fi 下。如果 VPN 阻止本地连接,请暂时断开它。手机的 localhost 表示手机本身。将您计算机的专用网络地址用于物理手机或 Android 设备;同一台Mac上的iOS模拟器可以使用http://localhost:3000,,Android模拟器常用http://10.0.2.2:3000.

corepack pnpm install

2.查找并测试后端地址

在 Windows 上,在新的 PowerShell 终端中运行 ipconfig,找到活动的 Wi-Fi 适配器并读取 IPv4 地址。在 macOS 上,打开系统设置 → Wi-Fi → 详细信息 → TCP/IP 并读取 IP 地址。在 Linux 上打开网络设置并读取 IPv4 地址。地址可能类似于 192.168.1.25;你的通常会有所不同。

如果您的计算机地址为 192.168.1.25,请在 Web 服务器运行时在手机浏览器中打开 http://192.168.1.25:3000。替换您的实际地址。在继续之前必须加载主页。如果 Windows 防火墙要求,允许在专用网络上使用 Node 应用程序。如果无法加载,请检查地址、Wi-Fi、防火墙和正在运行的 Web 服务器; Expo 隧道仅承载预览包,不会使您单独的 API 可达。

# Windows PowerShell only:
ipconfig

3. 创建移动应用程序的配置文件

在编辑器的资源管理器中,展开 apps → mobile,创建一个名为 .env.local 的新文件,并将以下配置粘贴到该文件中。将 192.168.1.25 替换为您刚刚测试的地址,或者使用您提供的 HTTPS 后端地址。保存文件。其完整路径为apps/mobile/.env.local; Expo 不会自动读取 root .env。

首次预览时,请保持手机的购买设置处于关闭状态。 EXPO_PUBLIC_ 表示设置包含在手机应用程序中,因此这些值必须仅包含公共 URL、方案和公共客户端设置。请勿在此处粘贴 AI 提供商、数据库或计费机密。 Web服务器有自己的apps/web/.env.local;更改移动文件不会更改服务器。

EXPO_PUBLIC_API_URL=http://192.168.1.25:3000
EXPO_PUBLIC_APP_SCHEME=supastack
EXPO_PUBLIC_MOBILE_PURCHASES_PROVIDER=off

4.启动Expo并打开预览

从存储库根目录运行以下命令。等待二维码和地铁等待消息。保持该终端和后端终端打开。安卓端打开Expo Go并扫描二维码; iPhone上使用相机,扫码并在Expo Go中打开。二维码打开开发应用程序,而不是您的后端主页。

成功意味着应用程序的登录屏幕将在您的设备上打开。关闭购买后,这是 UI 预览;在测试登录、保存的工作区或聊天之前完成数据库支持的 Web 身份验证设置。如果已安装的模拟器是您的目标,请在 Expo 终端(适用于 Android)或 i(适用于 iOS)中按 a。 iOS 模拟器需要 macOS 和 Xcode;它不能在 Windows 上运行。

corepack pnpm --filter @supastack/mobile start

5. 从预览错误中恢复并测试实际流程

如果Expo Go报告不兼容的项目,请将其支持的SDK与apps/mobile/package.json进行比较,并使用官方Expo页面中的兼容版本。不要仅仅为了消除该消息而升级套件的依赖项版本。如果所需的本机模块不可用,请按照移动版本构建包含该模块的开发版本。

如果因网络错误导致登录失败,请先在手机浏览器中重试后端 URL。如果URL可以工作但登录失败,请检查后端终端并验证Postgres和迁移。本地/仪表板演示会话不会让您在电话上登录。如果配置看起来过时,请在 Expo 终端中按 Ctrl + C,然后运行下面的重新启动命令并重新打开预览。

Expo Go 无法证明真实的 StoreKit 或 Play Billing 购买/恢复行为。关注 EAS 开发构建和商店测试帐户的应用内购买和移动构建。首次本机构建和帐户注册可能需要超过五分钟的时间。要停止此预览,请在 Expo 终端中按 Ctrl + C;完成后单独停止后端。

corepack pnpm --filter @supastack/mobile start --clear

常见问题

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