跳轉到內容
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-tw/docs/mobile/local-setup.md (or send Accept: text/markdown).

執行移動應用

把 Expo 連到可達的開發 API。

詢問本指南
開啟方式

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 美元(Next.js(Web)、Expo(iOS 與 Android)、Tauri(macOS 與 Windows 桌面)倉庫任選其一),雙棧 398 美元(任選兩個倉庫),或完整套裝 399 美元(全部三個倉庫與完整 monorepo),每個額外開發者席位 75 美元。套件本身沒有訂閱。本站結賬後通過郵件傳送許可證金鑰,倉庫訪問通過 GitHub 邀請授予。

工作區如何界定我的資料?

使用者記錄按 workspaceId 劃定邊界。身份、許可權、AI 用量、計費事件與審計條目都留在個人工作區邊界內。

後臺任務如何工作?

Trigger.dev 是明確的任務執行時。JobRunner 契約只承諾 enqueue、status 與 cancel——工作流語義保持 Trigger.dev 專有且顯式。

郵件與營銷觸達有何不同?

事務性郵件覆蓋產品工作流,如任務完成通知。冷觸達與營銷活動屬於產品自身的範疇,不在本套件的郵件模組內。

移動端購買如何運作?

移動端已支援 RevenueCat 原生購買和恢復購買,訪問許可權由服務端驗證。釋出前需配置商店賬戶並完成裝置測試。Web 計費保持獨立。

AI 供應商金鑰存放在哪裡?

自帶金鑰憑證經過加密且僅存於服務端。金鑰在日誌中被脫敏;用量與預算在工作區級別保持可見。

結賬支援哪些付款方式?

Stripe 託管結賬接受銀行卡,在 Stripe 賬戶啟用後還可提供支付寶與微信支付——方便中國買家。錢包授權為非同步確認,付款完成後許可證頁面會立即更新。

我能申請退款嗎?

獲得程式碼倉庫訪問許可權後,supastack 將永久歸你所有,因此無法退款。但請放心,你將獲得包含終身更新的完整原始碼,可為你自己或客戶構建併發布無限數量的產品。你只需注意不能轉賣程式碼,也不能將倉庫作為啟動模板二次分發。唯一的例外是上線返現——上線一款用 supastack 打造的真實產品並公開分享,在購買後 60 天內達到 5,000 次自然瀏覽或 50 個自然按讚,即可退還已付款項的 50%;詳見條款。

TW
主題