跳轉到內容
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/desktop/run.md (or send Accept: text/markdown).

執行並配置外殼

啟動 Tauri 開發外殼,並讓它連線到你的 Web 應用。

詢問本指南
開啟方式

初學者演練

先決條件:閱讀下面的兩個初學者指南並完成桌面本地設定,包括 Rust 和作業系統先決條件。該程式碼塊啟動了 web 應用程式和 monorepo 中的 Tauri;在僅限桌面的結賬中,僅在單獨啟動可訪問的 Web 後端後才使用其過濾命令。 Tauri 載入該後端。

簡而言之:工作區是一個團隊的單獨使用者、資料和設定。伺服器是可信後端;讓提供商金鑰遠離瀏覽器和電話程式碼。遷移是建立或更新表的版本化資料庫更改。人工智慧模型是回答的引擎;型號目錄是伺服器上可用型號 ID 和價格的列表。提供商是一種外部服務,例如人工智慧、電子郵件或計費服務。權利是允許工作區使用某項功能的授權。 Webhook 是一個服務傳送到另一個服務的 URL 的訊息。

1、開啟apps/desktop/src-tauri/src/lib.rs;要求您的代理僅更改指定的視窗/托盤/熱鍵行為,並將產品 UI 保留在 Web 應用程式中。

2、執行shell並測試close-to-tray、Quit、CmdOrCtrl+Shift+Space;測試supastack:///settings/appearance?preview=1#main。

3. 它應該聚焦現有視窗並保留路徑/查詢/片段。如果開啟錯誤的頁面,請比較配置的起點和確切的路線。

對於自定義程式碼,請從提供的 prompts/README.md 開始,然後複製最接近的提示:對於應用程式螢幕為 prompts/new-app-screen.md,對於公共頁面為 prompts/new-landing-page.md。對於伺服器、資料庫或提供商工作,請為您的編碼代理提供本指南的任務,並要求其讀取 AGENTS.md、.ai/PROJECT_CONTEXT.md 和匹配的 .ai/ 映象;檢查此處指定的確切原始檔;列出檔案並在編輯前進行檢查;保留工作區所有權和僅限伺服器的機密;並向您展示差異。告訴它您想要的行為、輸入和輸出欄位、允許的角色、預期的成功和錯誤以及測試帳戶、提供程式或裝置。使用樣本值;永遠不要貼上真正的秘密。

# Monorepo: start the web app and desktop shell together
corepack pnpm dev:desktop

# Desktop-only checkout: start Tauri after a web backend is already reachable
corepack pnpm --filter @supastack/desktop dev

在 Rust 中保持 shell 行為

src-tauri/src/lib.rs 建立主 1200×800 webview 視窗。關閉時將其隱藏到托盤中;退出退出。本機選單提供主頁/後退/前進/重新載入、縮放/全屏和視窗操作。視窗狀態恢復保留大小/位置。

驗證特定於平臺的行為

注入的離線覆蓋提供重試、線上隱藏和重新載入 Web 應用程式。在每個目標作業系統上測試焦點、快捷鍵、選單縮放、托盤和深層連結呼叫;單元 URL 檢查本身並不能證明這些本機互動。

安裝與配置

安裝工作區依賴項和 Rust 工具鏈以及 Tauri 的每個作業系統先決條件(WebView2 隨 Windows 一起提供;macOS 和 Linux 需要其記錄的軟體包)。 corepack pnpm --filter @supastack/desktop dev 執行 tauri dev:它構建 Rust 核心,顯示佔位符 UI,並載入已解析的應用程式 URL。

執行時 SUPASTACK_APP_URL 優先,其次採用構建時寫入的值。僅接受不帶憑據的 HTTP(S) 地址;無效時繼續嘗試下一候選值。SUPASTACK_DESKTOP_HOTKEY 覆蓋預設 CmdOrCtrl+Shift+Space;無效值會回退到預設快捷鍵,不會阻止啟動。

corepack pnpm --filter @supastack/desktop dev
corepack pnpm --filter @supastack/desktop typecheck

SUPASTACK_APP_URL=https://app.example.com \
SUPASTACK_DESKTOP_HOTKEY=CmdOrCtrl+Shift+Space \
corepack pnpm --filter @supastack/desktop dev

實現流程

主視窗只在配置的精確來源中導航,包括協議和埠。無憑據的 HTTP(S)、mailto 和 tel 連結可以交給系統瀏覽器開啟;其他協議會被取消。

已註冊的 supastack:// 連結會將路徑、查詢引數和片段對映到配置的應用來源。啟動時、平臺開啟 URL 事件和第二例項回撥都使用同一套驗證,深連結不能把外殼重定向到其他主機。

托盤圖示和全域性快捷鍵會顯示並聚焦唯一主視窗。快捷鍵無響應時,通常是另一個應用佔用了組合鍵;請改用其他 SUPASTACK_DESKTOP_HOTKEY。

驗證與排障

修改 src-tauri 後,通過包指令碼執行 cargo check 和 cargo test。然後端到端驗證精確來源導航、允許的外部 URL 開啟、supastack:// 路由留在配置來源、托盤和快捷鍵,以及重啟後登入狀態是否保留。

常見問題

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